Qt Design Studio创建工程的实现方法

Creating Projects

Qt Design Studio的主要优势之一是，它允许设计人员和开发人员使用通用的设计、开发、分析和调试工具在不同的开发平台上共享一个项目。

创建项目使您能够:

• 文件组
• 包括UI文件(.ui.qml)、组件文件(.qml)和资产文件
• 设置用户界面预览

在Qt Design Studio中设置一个新项目可以通过向导逐步指导您完成项目创建过程。向导模板提示您输入特定类型项目所需的设置，并为您创建必要的文件。

要测试您的设计工作得如何，您可以在桌面、嵌入式Linux设备或Android设备上预览ui。

您可以从其他设计工具导出设计并导入到项目中，或使用以下向导预置从头创建它们:

类型	向导预设	描述
General	Empty	创建使用默认组件(如矩形、图像和文本)的项目。您可以在所有目标平台上运行该应用程序。
3D	创建使用默认和3D组件(如相机、灯光、3D模型和材料)的项目。
Qt for MCUs	MCU	创建一个应用程序，使用默认组件的子集(如Qt支持的MCU)，您可以部署，运行和调试MCU板。
Mobile	Scroll	创建一个使用Qt Quick控件实现可滚动列表的应用程序。
Stack	创建一个应用程序，使用Qt Quick控件实现一组基于堆栈的导航模型的页面。
Swipe	创建一个使用Qt Quick控件实现可滑动屏幕的应用程序。
Desktop	Launcher	创建使用默认组件(如矩形、图像和文本)的项目，并定义启动程序。

使用项目向导

创建一个新项目:

• 选择File > New Project
• 在“Presets”选项卡中，选择向导预设。
• 在Details选项卡中:
  • 为项目输入一个名称。请记住，以后不能轻易地重命名项目。
  • 选择项目文件的路径。稍后您可以移动项目文件夹。
  • 设置桌面或设备界面预览的屏幕分辨率。这决定了屏幕的大小。您可以稍后在属性中更改屏幕大小。
  • 选择“Use Qt Virtual Keyboard”允许用户使用虚拟键盘输入文本。
  • 在Target Qt Version中，选择用于开发应用程序的Qt版本。虽然您可以稍后在项目的运行设置中更改Qt版本，但请记住这两个版本不是完全兼容的。
• 在“Style”选项卡中，选择要使用的预定义UI样式之一。
• 选择Create以创建项目。

Qt Design Studio创建以下文件和文件夹:

• .qmlproject项目文件定义项目文件夹中的所有组件、JavaScript和图像文件属于项目。因此，您不需要单独列出项目中的所有文件。
• .qml文件定义组件的功能和外观。
• Screen01.ui.qml定义了一个可以在表单编辑器中编辑的自定义组件。
  默认情况下，这是项目中的主文件，但是您可以在.qmlproject文件中更改它。虽然自定义组件对于新用户来说是一个很好的起点，但您不必使用它。特别是，如果您使用Qt Bridge导出和导入设计，那么您的主文件很可能被称为其他文件。
• CMakeLists.txt项目配置文件，允许您与开发人员共享您的项目作为一个完全工作的c++应用程序。
• qtquickcontrols2.conf文件指定首选的样式和一些特定于样式的参数。
• fonts文件夹包含已添加到库>资产中的字体文件。
• imports文件夹中包含一个Constants.qml文件，它为Arial字体和屏幕分辨率指定一个字体加载器。默认Screen.ui.qml矩形的大小应该设置为width: Constants.width & height: Constants.height ，以便它继承这里保存的全局分辨率。
• qmldir模块定义文件声明了Constant组件。

要在UI中使用JavaScript和图像文件，请选择Library > Assets > ?。

向项目中添加文件

还可以使用向导模板向项目添加单个文件。

在Qt Quick Controls类别中的向导模板创建Qt Quick Controls模块中组件的可样式版本。您可以创建以下类型的文件:

类型	向导模板	描述
Qt Quick Files	Flow Item and Flow View	生成可用于设计应用程序流的组件。
Qt Quick File	生成一个组件，使用以下默认组件或定位符作为根组件:项目、矩形、图像、边框图像、可伸缩、行、列、流或网格。
Qt Quick UI File	生成一个UI文件，其中一个组件作为根组件。
Qt Quick Views	生成网格视图或列表视图。
Qt Quick Controls	Custom Button	创建带有文本标签的按钮。
Custom CheckBox	创建一个复选框。
Custom Dial	创建一个旋钮。
Custom Slider	创建一个滑块。
Custom SpinBox	创建一个旋转框。
Custom Switch	创建具有开和关状态的开关。
Pane	提供与UI样式和主题匹配的背景。
StackView	提供基于堆栈的导航模型。
SwipeView	允许用户通过横向滑动来导航页面。
QML Files	ListModel	向项目添加列表模型。
JavaScript	JavaScript File	生成可用于编写应用程序逻辑的文件。这对于在开发人员用c++实现应用程序逻辑之前测试应用程序是很有用的。