要开发 qml 程序,首先要选择一款合适的工具。qt creator 作为 qt 开发的首选工具,当然,也可用于 qt quick。
在使用 qt creator 创建 qt quick 项目时有很多模版及类别,下面进行一一讲解!
<a href="#%e7%ae%80%e8%bf%b0">简述</a>
<a href="#%e5%88%9b%e5%bb%ba-qt-quick-%e9%a1%b9%e7%9b%ae">创建 qt quick 项目</a>
<a href="#%e5%88%9b%e5%bb%ba-qt-quick-%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f">创建 qt quick 应用程序</a>
<a href="#%e5%88%9b%e5%bb%ba-qt-quick-ui-%e9%a1%b9%e7%9b%ae">创建 qt quick ui 项目</a>
从头开始创建新的 qt quick 项目时,有以下选项:
qt quick application:创建一个可以包含 qml 和 c++ 代码的 qt quick 2 应用程序项目。该项目包括一个 qquickview。你可以构建应用程序并将其部署到桌面、嵌入式和移动目标平台。
qt quick controls 2 application 和 qt quick controls application:类似于 qt quick application,但使用 qt quick controls 2(需要 qt 5.7 或更高版本)或 qt quick controls。
qt quick ui(在“其他项目”类别中):创建一个 qt quick ui 项目,其中带有一个包含主视图的 qml 文件。可以在预览工具中查看 qt quick ui 项目,而无需构建它们。它们不包含任何 c++ 代码。
qt quick controls ui:类似于 qt quick ui,但使用 qt quick controls。
qt quick extension plugins(在“library”类别中):创建 c++ 插件,使得可以提供动态加载到 qt quick 应用程序的扩展。选择 qt quick 1 extension plugin 或 qt quick 2 extension plugin 可以为 qt quick 1 或 qt quick 2 应用程序创建扩展。
选择:文件 -> 新建文件或项目 -> application -> qt quick application 或 qt quick controls application,选择。
设置项目的名称及其所创建的路径,一般情况下,为了便于管理,项目路径不会频繁的发生变化,建议勾选“设为默认的项目路径”复选框。
对于某些 qt quick 应用程序,必须在“minimal required qt version”中选择要开发的 qt 版本。qt 版本确定在 qml 文件中使用的 qt quick 导入。
注意:对于某些 qt quick 应用程序,可以选择“with .ui.qml file”复选框以创建可以包含 qml 语言的子集的 ui 表单。与 qt designer 的 ui 表单类似,建议使用 qt quick designer 编辑 ui 表单。
对于某些 qt quick 应用程序,还可以选中“enable native styling”复选框。qt creator 向 .pro 文件添加了 qt widgets 模块的依赖。
选择用于运行和构建项目的“kits”,然后单击下一步。
注意:如果已在“工具 -> 选项 -> 构建和运行 -> 构建套件”中指定了套件,则会列出套件。
查看项目设置,然后单击完成以创建项目。
编译运行
注意:这里选择的是桌面环境,如果要在移动设备上运行,可以直接使用真机,或者模拟器,这部分内容在后面章节再做分享。
选择:文件 -> 新建文件或项目 -> 其他项目 -> qt quick ui 或 qt quick controls ui,选择。
在“minimal required qt version”字段中选择要开发的 qt 版本。qt 版本确定在 qml 文件中使用的 qt quick 导入。
可以稍后添加导入,以将 qt quick 基本类型与 qt quick controls、qt quick dialogs 和 qt quick layouts(自 qt 5.1 起可用)组合。
选中“with .ui.qml file”复选框以创建 ui 表单。
其他步骤同“创建 qt quick 应用程序”部分类似,完成之后运行项目。
qt creator 创建以下文件:
.qmlproject 项目文件:定义项目文件夹中的所有 qml、javascript 和图像文件都属于项目。因此,不需要单独列出项目中的所有文件。
.qml 文件:定义了一个 ui 项目,例如组件,屏幕或整个应用程序 ui。
ui.qml 文件:定义了应用程序 ui 的窗体。如果选择了“with .ui.qml file”复选框,则会创建此文件。
要在应用程序中使用 javascript 和图像文件,请将它们复制到项目文件夹。