线框设计

合理规划您的 UI。了解您需要哪些元素,例如屏幕、组件和状态。在开始创建 UI 之前创建一个描述性的线框并获取详细的 UI 规范,以提高创建 UI 的效率。Qt Design Studio 可让您将 UI 概念转换为带有可扩展布局的线框,其中包含所有屏幕和控制元素。您可以将线框展示给开发者和其他利益相关者进行讨论、审查和批准,然后再继续进入原型设计阶段。

在 Qt Design Studio 中,您围绕组件的行为以及它们之间的连接来构建 UI。您可以使用 组件 视图中可用的预设组件,或者将它们组合起来创建自己的组件。您可以通过指定组件的 属性 来更改其外观和行为。所有组件都有一组预定义的属性,其中一些控制用户可见的内容,而另一些则在幕后使用。

您可以从 组件 视图中拖放预设组件到 2D3D导航器 视图中创建其实例。然后通过在 属性 视图中修改其实例属性来根据您的喜好更改实例。将应用程序生成相应的代码。有关代码的更多信息,请按 F1 打开开发者文档。

  • 设计应用流程

    您可以通过使用符号展示所有重要的应用程序 UI 组件及其相互连接的 原理图 形式来设计应用。这产生了一个可点击的交互式原型,可以模拟应用的用户体验。

  • 使用组件

    Qt Design Studio 随带 预设组件,您可以通过创建其实例在线框和原型中使用它们。要自己构建组件,您可以修改组件实例的 属性 并将其组合起来。您可以将来自其他工具的设计和资产作为组件导入。

  • 指定组件属性

    您可以为组件的属性指定值来更改其外观和行为。所有组件都有一套预定义的属性。一些属性,例如位置、大小和可见性,对所有组件都是通用的,而其他属性则特定于组件。您可以在属性视图中指定组件实例的属性值。

  • 可扩展布局

    组件在UI中的位置可以是绝对或相对于其他组件的相对位置。虽然手动定位对于静态UI来说是高效的,但请考虑其他可用方法,例如锚点、布局、定位器和属性绑定,以适应动态UI。

  • 注释设计

    您可以对设计进行注释,为审阅者或开发人员提供有关其的额外信息。

在特定的Qt许可证下可用。
了解更多信息。