怎么创建 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 应用
- 选择 File > New File or Project > Application > Qt Quick Application - Empty > Choose。
- 在 Name 字段中,输入应用的名字。
- 在 Create in 字段中,输入工程文件路径,然后选择 Next (或者 macOS 系统下选择 Continue)。
- 在 Build system 字段中,选择构建工具用于构建和运行工程: qmake,CMake,或者 Qbs。
- 选择 Next。
- 在 Minimal required Qt version 字段中, 选择适配的最低 Qt 版本。这个 Qt 版本决定了 QML 文件中可以导入的 Qt Quick 版本。
- 选择 Use Qt Virtual Keyboard 复选框以添加应用对 Qt Virtual Keyboard 的支持。
- 选择 Next。
- 为运行和构建你的应用,选择 kits,然后点击 Next。
注意: Kits 必须在 Tools > Options > Kits 中先指定才可以显示。 - 检查工程设置,然后点击 Finish (当系统是 Windows 和 Linux 时) 或者 Done (当系统是 macOS 时) 完成创建工程。
Qt Creator 创建一个 QML 文件 main.qml,你可以在设计模式下修改它。
创建 Qt Quick Controls 2 应用
-
选择 File > New File or Project > Application > Qt Quick Application - Scroll,Qt Quick Application - Stack,或者 Qt Quick Application - Swipe > Choose.
-
在 Name 字段中输入工程名。
-
在 Create in 字段中填入工程路径,然后点击 Next (或者 macOS 下的 Continue).
-
在 Qt Quick Controls 2 Style 字段中,选择其中一个预定义的 UI styles 使用,然后点击 Next。
-
选择 Use Qt Virtual Keyboard 复选框以添加应用对 Qt Virtual Keyboard 的支持。
-
为你应用的运行平台,选择对应的 kits。如果是移动设备的应用,请选择 Android ARM 和 iPhone OS 的 kits,然后点击 Next。
注意: Kits(工具包) 必须在 Tools > Options > Kits (如果是 Windows 和 Linux) 或者 Qt Creator > Preferences > Kits (如果是 macOS) 中先指定才可以显示。
-
选择 Next。
-
检查工程设置,然后点击 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 工程步骤:
-
选择 File > New File or Project > Other Project > Qt Quick UI Prototype > Choose。
-
在 Minimal required Qt version 字段中, 选择适配的最低 Qt 版本。这个 Qt 版本决定了 QML 文件中可以导入的 Qt Quick 版本。
你可以稍后添加导入 Qt Quick,然后将 Qt Quick 的基本类型与控件、窗体、布局(Qt 5.1 或者更高版本)组合使用。
-
选择 Use Qt Virtual Keyboard 复选框以添加应用对 Qt Virtual Keyboard 的支持。
-
点击 Next (或者 macOS 下的 Continue).
-
检查工程设置,然后点击 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