在Qt Design Studio 1.5发布后,您可以尝试一个全新的模式:Page Flow。在这一系列博文的第一篇,我们将介绍Page Flow模式的基本用法以及入门,最后我们将介绍在Qt Design Studio的下一个版本中计划推出的高级特性。
操作区域可以以两种方式工作,第一种是作为一个简单的可点击区域,它启动过渡,这是使用画面流编辑器进行原型化开发的最简单方法,因此这是我们在这里要重点讨论的内容。操作区域的另一个用途是,你可以在流画面或任何子组件里连接任何信号,例如在你的画面上有一个onPressed信号的按钮。在本博客的第一部分中,我们将查看简单的用例,然后在第二部分中,我们将查看更高级的用例。
一旦你有了一个操作区域你可以用它来连接到另一个画面上,可以通过双击操作区域,然后拖行连接线到另一个画面并释放,也可以通过使用Flow View的上下文菜单找到所有相关的控件。将画面连接在一起之后,您就有了第一个画面流,现在可以运行实时预览,并单击操作区域隐藏的按钮(在实时预览中不可见),以查看第一个过渡的可用预览。
一旦过渡就绪,就可以为其添加效果。您可以直接选择转换,回到上下文菜单并为该过渡选择一个效果。一旦效果被应用,你可以通过属性面板编辑效果,对于许多效果有一个过渡方向,它定义了新画面将从哪个方向出现。您可以设置效果的持续时间,并且可以启动曲线设计器来对该效果应用自定义的缓和曲线。
要返回并编辑之前应用的效果,可以选择过渡,转到上下文菜单并选择效果,这会将效果控件带回到属性面板中。
Qt Design Studio的画面流的一个特别之处就是增加了一个后退按钮,在很多情况下你的画面流画面间会有许许多多的连接,通常您必须为每一个潜在的连接画面显式的创建连接线路,这会导致一个令人迷惑的混乱图表。在Qt Design Studio中,你可以简单地设置一个动作为“Go Back”,它总是会让你回到上一个画面。
与Qt Design Studio中的所有界面一样,您可以通过Live Preview实时预览你的更改,只需运行预览并继续在画面流上开发,您的更改将实时更新,您可以在Live Preview窗口中直接测试它们。
Flow View属性允许您调整画面流中的所有项目包括连接线、操作区域和高级节点(如决策和通配符)的外观。您可以为所有项目更改全局设置,你也可以选择一个单独的行,节点或行动区域并仅更改当前项的外观,包括颜色、厚度、虚线或实线甚至连接的曲线,从而允许您为流程图本身的设计添加额外的语义。
任何复杂的UI都有部分是条件逻辑用于向用户呈现其状态或收集和处理各种数据源、来自多种输入(如物理按钮和控件、来自一系列设备的传感器读数或来自后端或服务端的通用数值。有了Decision Nodes,您可以通过向用户提供选项列表来模拟这些条件中的任何一种,从而使您能够在获得生产所需的物理控制、后端或传感器数据之前对复杂的交互进行原型化开发。将来,您将能够将这些决策与实际后端支持的值或事件列表联系起来,将您的原型工作向实际生产代码的早期状态转移。