使用用户界面组件

如何使用使用用户界面组件

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

Component 视图列出了可用的组件。

Components 显示从你导入到项目的 Qt 模块中的 QML 类型。模块包含基本形状和 UI 控件等可视化组件，并为项目添加功能。

你可以为 UI 控件设计样式，使其具有特定操作系统的外观和感觉，如 macOS、Windows、Android 或 iOS。

有些模块没有可见组件。例如，Qt.Multimedia 模块为用户界面添加了对音频和视频文件的支持。

有关创建自己的组件的更多信息，请参阅创建自定义组件。

组件 ID

每个组件和组件的每个实例都有一个ID，它能唯一标识组件，并使其他组件的属性与之绑定。ID 必须是唯一的，必须以小写字母或下划线字符开头，且只能包含字母、数字和下划线字符。

更多信息，请参阅id 属性。

经济地使用组件

组件都有性能成本。要高效、经济地使用组件，应

• 将资源打包成可重复使用的组件，使设计组件化，这些组件可以方便地重新组合，以满足用户界面的需要。
• 必要时尽量少用组件。为尽量减少组件数量，可使用别名属性和状态来创建组件实例中的差异。我们建议重复使用组件，而不是将其复制，这样就不需要将组件作为全新的组件类型进行处理。这样可以减少加载和编译时间，并减小二进制文件的大小。
• 任何数据驱动的内容都应作为相关组件的公共属性（别名属性）导出。例如，速度计应该有一个int 或real 属性，用于绑定用户界面的速度。
• 将用户界面从应用逻辑中分离出来。设计人员应使用用户界面文件(.ui.qml)，而开发人员应使用相应的实现文件 (.qml)，以定义他们的编程行为或 JavaScript。这样，设计和开发双方都可以进行迭代，而不会出现互相覆盖对方工作的风险。