本文已参加【新人创作礼】活动，一起开启掘金创作之路。
📒博客首页：何名取 的个人主页 - 文章 - 掘金 (juejin.cn)
🎉欢迎关注🔎点赞👍收藏⭐️留言📝
❤️期待一起交流！
🙏作者水平很有限，如果发现错误，求告知，多谢！
🌺有问题可私信交流！！！
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++实现应用程序逻辑之前测试应用程序是很有用的。 |
