使用组件

组件是UI的可重用构建块。

Qt设计工作室带有预设组件，您可以通过创建其实例来在UI中使用它们。预设组件类似于Sketch中的符号或Unity中的预制件。

一些预设组件代表简单的形状、文本或图像，而其他组件则代表具有完整功能的复杂UI控件，例如旋钮或滑块。您还可以将预设的3D组件实例添加到UI中。

要创建自己的组件，您可以修改组件实例的属性并将它们组合在一起。

组件在单个文件中指定（文件扩展名为ui.qml或.qml）。例如，按钮组件可能被定义在Button.ui.qml中。通常，组件的视觉外观由UI文件（ui.qml）定义。要创建组件文件，您可以使用向导模板，或将组件实例移动到单独的组件文件。

选择组件以查看已添加到项目的预设组件。如果您找不到所需的组件，您可以按照添加和删除模块中描述的方式将相关模块添加到项目中。

阅读有关组件的更多信息

• 预设组件
• 创建组件实例
• 创建自定义组件

经济用组件

了解与使用组件相关的性能成本非常重要。

要有效地经济地使用组件

• 通过将资源打包成可重用组件来组件化设计，这些组件可以方便地重新组合以适应UI的需求。
• 使用尽可能少的组件。为了最小化组件数量，使用别名属性和状态在组件实例中创建差异。我们建议重用组件而不是复制它们，这样组件就不需要被视为全新的组件类型。这减少了加载和编译时间，以及二进制文件的大小。
• 任何数据驱动的内容都应该导出为相应组件的公共属性（别名属性）。例如，速度表应该有一个表示速度的 int 或 real 属性，该UI与之绑定。
• 将UI与应用逻辑分离。设计师应使用 UI文件 (.ui.qml) 进行工作，而开发者应处理相应的实现文件 (.qml) 来定义他们的程序行为或JavaScript。这使设计和发展两方面都能迭代，而不会互相覆盖工作。