QtQuick QML 快速上手教程-2 构建QML Qt Quick工程

从头开始创建新的Qt Quick项目时，可以使用以下选项：

• Qt Quick应用程序-空创建一个Qt Quick 2应用程序项目，该项目可以同时包含QML和C ++代码. 您可以构建应用程序并将其部署到桌面，嵌入式和移动目标平台.
• Qt快速应用程序 -Scroll使用ScrollView类型来实现可滚动列表视图（需要Qt 5.9或更高版本）.
• Qt快速应用程序-堆栈使用StackView类型通过基于堆栈的导航模型来实现一组页面（需要Qt 5.7或更高版本）.
• Qt快速应用程序 -Swipe使用SwipeWiew类型使用基于滑动的导航模型来实现一组页面（需要Qt 5.7或更高版本）.
• Qt Quick UI原型 （在" 其他项目"类别中）使用包含主视图的单个QML文件创建Qt Quick UI项目 . 您可以在QML Scene预览工具中查看Qt Quick 2 UI项目. 您不需要构建它们，因为它们不包含任何C ++代码. 仅在进行原型制作时才使用此功能. 您不能以此创建完整的应用程序.

  Qt Quick UI项目无法部署到嵌入式或移动目标平台. 对于这些平台，请改为创建Qt Quick应用程序.

• Qt Quick 2扩展插件 （在" 库"类别中）创建C ++插件，使它们能够提供可动态加载到Qt Quick 2应用程序中的扩展.

注意：特定目标平台的SDK可能会为该平台安装其他模板. 例如，QNX模板是作为QNX SDK的一部分安装的.

Qt Creator创建必要的样板文件. 一些文件特定于特定的目标平台.

 

创建一个空的Qt Quick Applications

1. Select File > 新文件或项目 > Application > Qt Quick Applications-empty > Choose.
2. 在名称字段中，输入应用程序的名称.
3. 在创建位置字段中，输入项目文件的路径，然后选择下一步 （或在macOS上继续 ）.
4. 在" 构建系统"字段中，选择用于构建和运行项目的构建系统： qmake ， CMake或Qbs .
5. Select Next.
6. 在最低要求的Qt版本字段中选择要开发的Qt版本 . Qt版本确定QML文件中使用的Qt Quick导入.
7. 选择" 使用Qt虚拟键盘"复选框，以将对Qt虚拟键盘的支持添加到应用程序中.

   in the Form Editor in the Design mode. 注意：如果在安装Qt时未安装Qt虚拟键盘模块，则在设计模式下尝试在" 表单编辑器"中打开时将出现错误消息. 您可以使用Qt维护工具来安装Qt虚拟键盘.

8. Select Next.
9. 选择用于运行和构建项目的工具包 ，然后单击下一步 .

   注意：如果在工具 > 选项 > 套件中指定了套件，则会列出套件 .

10. 查看项目设置，然后单击完成 （在Windows和Linux上）或完成 （在macOS上）以创建项目.

Qt Creator生成一个QML文件 ，就可以在设计模式下对其进行修改.

 

Creating Qt Quick Controls Applications

1. 选择" 文件" >" 新文件或项目" >" 应用程序" >" Qt Quick Application-滚动" ，" Qt Quick Application-Stack "或" Qt Quick Application-Swipe" > "选择" .
2. 在名称字段中，输入应用程序的名称.
3. 在创建位置字段中，输入项目文件的路径，然后选择下一步 （或在macOS上继续 ）.
4. 在" 构建系统"字段中，选择用于构建和运行项目的构建系统： qmake ， CMake或Qbs .
5. 在" Qt快速控件样式"字段中，选择要使用的预定义UI样式之一，然后选择" 下一步" .
6. 选择" 使用Qt虚拟键盘"复选框，以将对Qt虚拟键盘的支持添加到应用程序中.
7. 选择要为其构建应用程序的平台的工具包 . 要构建用于移动设备的应用程序，请选择适用于Android ARM和iPhone OS的套件，然后单击下一步 .

   注意：如果在工具 > 选项 > 套件 （在Windows和Linux上）或Qt Creator > 首选项 > 套件 （在macOS上）中指定了套件，则会列出套件 .

8. Select Next.
9. 查看项目设置，然后单击完成 （或在macOS上完成 ）.

对于Scroll应用程序，Qt Creator创建一个QML文件 ，您可以在设计模式下对其进行修改.

对于Stack and Swipe应用程序，Qt Creator生成两个UI文件，分别为和 ，可以在" 表单编辑器"中进行修改，以及一个QML文件 ，可以在" 文本"中进行修改. 编辑器添加应用程序逻辑.

 

Creating Qt Quick UI Projects

Qt Quick UI项目可用于测试或对用户界面进行原型设计，或用于设置单独的项目仅用于QML编辑. 您不能将它们用于应用程序开发，因为它们不包含：

• C ++代码
• 资源文件（.qrc）
• 将应用程序部署到设备所需的代码

要创建Qt Quick UI项目：

1. Select File > 新文件或项目 > 其他项目 > Qt快速UI原型 > Choose.
2. 在" 最低要求的Qt版本"字段中，选择要使用的Qt版本. Qt版本确定QML文件中使用的Qt Quick导入.

   您可以稍后添加导入，以将Qt Quick基本类型与Qt快速控件，Qt快速对话框和Qt快速布局（从Qt 5.1开始可用）结合在一起.

3. 选择" 使用Qt虚拟键盘"复选框，以将对Qt虚拟键盘的支持添加到应用程序中.
4. 选择下一步 （或在macOS上继续 ）.
5. 查看项目设置，然后单击完成 （在Windows和Linux上）或完成 （在macOS上）以创建项目.

Qt Creator创建以下文件：

• .qmlproject项目文件定义项目文件夹中的所有QML，JavaScript和图像文件都属于该项目. 因此，您不需要单独列出项目中的所有文件.
• .qml文件定义UI项目，例如组件或整个应用程序UI.
• ui.qml文件定义了应用程序UI的表单. 如果选中" 使用.ui.qml文件"复选框，则会创建此文件.

要在应用程序中使用JavaScript和图像文件，请将它们复制到项目文件夹.