QML基础——创建 Qt Quick 项目

╄→尐↘猪︶ㄣ 提交于 2020-01-17 08:57:27

一、创建 Qt Quick 应用程序

 

1.  选择:文件 -> 新建文件或项目 -> Application -> Qt Quick Application ,选择。

 

 

2.  设置项目的名称及其所创建的路径,一般情况下,为了便于管理,项目路径不会频繁的发生变化,建议勾选“设为默认的项目路径”复选框。 

 

 

3.  对于某些 Qt Quick 应用程序,必须在“Minimal required Qt version”中选择要开发的 Qt 版本。Qt 版本确定在 QML 文件中使用的 Qt Quick 导入。 

 

 

4.  选择用于运行和构建项目的“kits”,然后单击下一步。

 

注意:如果已在“工具 -> 选项 -> 构建和运行 -> 构建套件”中指定了套件,则会列出套件。

 

5.  查看项目设置,然后单击完成以创建项目。

 

 

6.  编译运行

 

注意:这里选择的是桌面环境,如果要在移动设备上运行,可以直接使用真机,或者模拟器,这部分内容在后面章节再做分享。

 

二、创建 Qt Quick UI 项目 

  1. 选择:文件 -> 新建文件或项目 -> 其他项目 -> Qt Quick UI 或 Qt Quick Controls UI,选择。
  2. 在“Minimal required Qt version”字段中选择要开发的 Qt 版本。Qt 版本确定在 QML 文件中使用的 Qt Quick 导入。可以稍后添加导入,以将 Qt Quick 基本类型与 Qt Quick Controls、Qt Quick Dialogs 和 Qt Quick Layouts(自 Qt 5.1 起可用)组合。
  3. 选中“With .ui.qml file”复选框以创建 UI 表单。

其他步骤同“创建 Qt Quick 应用程序”部分类似,完成之后运行项目。

 

Qt Creator 创建以下文件:

  • .qmlproject 项目文件:定义项目文件夹中的所有 QML、JavaScript 和图像文件都属于项目。因此,不需要单独列出项目中的所有文件。
  • .qml 文件:定义了一个 UI 项目,例如组件,屏幕或整个应用程序 UI。
  • ui.qml 文件:定义了应用程序 UI 的窗体。如果选择了“With .ui.qml file”复选框,则会创建此文件。

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

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!