本页面

设计Qt Quick 用户界面

如何设计Qt Quick 用户界面

Qt CreatorDesign 模式的可视化编辑器中打开 QML 文件(.qml)和用户界面文件(.ui.qml)。

Qt Quick Designer

下表描述了默认情况下可见的视图。

编号视图用途阅读更多
1Navigator以树形格式查看当前 QML 文件。浏览组件文件
2Projects查看打开的项目中包含的文件列表。项目
32D设计二维用户界面设计二维用户界面
4Code查看和修改可视化编辑器生成的代码。您还可以在Edit 模式下编辑代码。编辑代码如何:编辑代码
5Properties修改所选组件的属性。更改属性
6Components在应用程序中选择预设组件和自己的组件。使用用户界面组件,如何使用用户界面组件
7Assets选择要在应用程序中使用的图片和字体等资产。添加资产

有关 Qt Qml, Qt QuickQML 类型的更多信息,请参阅在线和Help 模式中提供的 QtQml 参考文档。

打开设计视图

要打开更多视图,请访问View >Views 。在屏幕上任意移动视图,并按照 "使用工作区"中的说明将其保存为工作区

另请参阅 如何设计Qt Quick UIQt Quick UI 设计

Copyright © The Qt Company Ltd. and other contributors. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.