怎么创建 Qt Quick 工程 ？

以下内容为本人的学习笔记，如需要转载，请声明原文链接 [englyf] https://www.jianshu.com/p/cfe39011f3ed

当你重新建立一个 Qt Quick 工程时，可以有下面的选择：

• Qt Quick Application - Empty 创建 Qt Quick 2 的软件工程会包含有 QML 和 C++代码。 基于此类工程，你可以构建应用并且部署到桌面、嵌入式和移动目标平台。

• Qt Quick Application - Scroll 使用 ScrollView 类型来实现一个可滚动列表视图 (需要 Qt 5.9 或者更高版本)。

• Qt Quick Application - Stack 使用 StackView 类型去实现一组基于堆的导航模型页面 (需要 Qt 5.7 或者更高版本)。

• Qt Quick Application - Swipe 使用 SwipeView 类型去实现一组基于滑动的导航模型页面 (需要 Qt 5.7 或者更高版本)。

• Qt Quick UI Prototype (在 Other Project 项目类别中) 使用一个包含主视图的单独 QML 文件创建一个 Qt Quick UI 项目 。 你可以在 QML Scene preview tool 中查看 Qt Quick 2 UI 项目。由于不包含 C++ 代码，所以你不需要编译它就能看到视觉效果。 只有当你在做原型设计时才可以使用这种工程，而且这种工程并不能创建一个完整的应用。

  Qt Quick UI 工程的项目并不能被部署到嵌入式或者移动目标平台。对于那些平台，你可以创建一个 Qt Quick 类型的项目作为代替。

• Qt Quick 2 Extension Plugin (在 Library 类别中) 创建C++ 插件，提供可以被动态加载到 Qt Quick 2 applications 中的扩展 。

注意: 某个特定平台的 SDK 会为该平台安装额外的模板。例如， QNX 模板会作为QNX SDK 的一部分来安装 。

Qt Creator 会创建需要的样板文件。其中的一些文件是特定于特定平台的。

创建空的 Qt Quick 应用

1. 选择 File > New File or Project > Application > Qt Quick Application - Empty > Choose。
2. 在 Name 字段中，输入应用的名字。
3. 在 Create in 字段中，输入工程文件路径，然后选择 Next (或者 macOS 系统下选择 Continue)。
4. 在 Build system 字段中，选择构建工具用于构建和运行工程： qmake，CMake，或者 Qbs。
5. 选择 Next。
6. 在 Minimal required Qt version 字段中， 选择适配的最低 Qt 版本。这个 Qt 版本决定了 QML 文件中可以导入的 Qt Quick 版本。
7. 选择 Use Qt Virtual Keyboard 复选框以添加应用对 Qt Virtual Keyboard 的支持。
8. 选择 Next。
9. 为运行和构建你的应用，选择 kits，然后点击 Next。
   注意： Kits 必须在 Tools > Options > Kits 中先指定才可以显示。
10. 检查工程设置，然后点击 Finish (当系统是 Windows 和 Linux 时) 或者 Done (当系统是 macOS 时) 完成创建工程。

Qt Creator 创建一个 QML 文件 main.qml，你可以在设计模式下修改它。

创建 Qt Quick Controls 2 应用

1. 选择 File > New File or Project > Application > Qt Quick Application - Scroll，Qt Quick Application - Stack，或者 Qt Quick Application - Swipe > Choose.

2. 在 Name 字段中输入工程名。

3. 在 Create in 字段中填入工程路径，然后点击 Next (或者 macOS 下的 Continue).

4. 在 Build system 字段中，选择构建工具用于构建和运行工程： qmake，CMake，或者Qbs。

5. 在 Qt Quick Controls 2 Style 字段中，选择其中一个预定义的 UI styles 使用，然后点击 Next。

6. 选择 Use Qt Virtual Keyboard 复选框以添加应用对 Qt Virtual Keyboard 的支持。

7. 为你应用的运行平台，选择对应的 kits。如果是移动设备的应用，请选择 Android ARM 和 iPhone OS 的 kits，然后点击 Next。

   注意： Kits（工具包） 必须在 Tools > Options > Kits (如果是 Windows 和 Linux) 或者 Qt Creator > Preferences > Kits (如果是 macOS) 中先指定才可以显示。

8. 选择 Next。

9. 检查工程设置，然后点击 Finish (当系统是 Windows 和 Linux 时) 或者 Done (当系统是 macOS 时) 完成创建工程。

对于 Scroll 工程，Qt Creator 会创建一个 QML 文件 main.qml，您可以在设计模式下修改它。
对于 Stack 和 Swipe 应用，Qt Creator 会创建 2 个 UI 文件 Page1Form.ui.qml 和 Page2Form.ui.qml，您可以在 Form Editor 中修改它，另外还有一个你可以在 Text Editor 中修改和添加逻辑的 QML 文件 main.qml。

创建 Qt Quick UI 工程

Qt Quick UI 工程对于用户界面的测试和原型设计，或者设置单独的工程仅仅是用于编辑 QML 都非常有用。这种工程不能用于开发应用，因为缺少了下面的这些内容：

• C++ 代码
• 资源文件 (.qrc)
• 部署应用到指定 devices（设备） 的代码

创建 Qt Quick UI 工程步骤：

1. 选择 File > New File or Project > Other Project > Qt Quick UI Prototype > Choose。

2. 在 Minimal required Qt version 字段中， 选择适配的最低 Qt 版本。这个 Qt 版本决定了 QML 文件中可以导入的 Qt Quick 版本。

   你可以稍后添加导入 Qt Quick，然后将 Qt Quick 的基本类型与控件、窗体、布局（Qt 5.1 或者更高版本）组合使用。

3. 选择 Use Qt Virtual Keyboard 复选框以添加应用对 Qt Virtual Keyboard 的支持。

4. 点击 Next (或者 macOS 下的 Continue).

5. 检查工程设置，然后点击 Finish (当系统是 Windows 和 Linux 时) 或者 Done (当系统是 macOS 时) 完成创建工程。

过程中 Qt Creator 将创建以下的文件：

• .qmlproject 工程文件，定义了工程文件夹下工程所有的 QML，JavaScript，图片文件。所以，你不需要逐个地列出工程的所有文件。
• .qml 文件定义了一个 UI 项，例如一个组件，屏幕，或者整个应用 UI。
• ui.qml 文件定义了一个应用 UI 的表单。当你勾选了 With .ui.qml file 选项之后，这个文件才会被创建。

如果你需要在工程中使用相应的 JavaScript 和图像文件，请把它们拷贝到工程文件夹中。

//
参考英文资料[Qt]https://doc.qt.io/qtcreator/quick-projects.html