创建Qt Quick Projects

在创建Qt Quick项目之前,我们简单说一下Qml和Qt Quick的关系:它们的关系类似于C++和STL标准库的关系,Qml类比C++语言,提供了基本语言特性和类型;而Qt Quick则类比STL标准库,Qt Quick在QML的基础上加入了一系列界面可视化组件,方便开发者快速构建程序界面。

可以使用以下几种向导模板创建Qt Quick项目:

  • Application (Qt) > Qt Quick Application
  • Application (Qt for Python) > Qt for Python - Qt Quick Application
  • Other Project > Qt Quick UI Prototype
  • Library > Qt Quick 2 Extension Plugin

下面介绍Qt Quick ApplicationQt Quick UI Prototype两种方式。

Qt Quick Applications

按下图顺序一步一步即可创建Qt Quick Applications

请添加图片描述
请添加图片描述
请添加图片描述
请添加图片描述
请添加图片描述
请添加图片描述

注意:项目名一旦确定,后续不可轻易更改。项目目录可以随意移动。

Qt creator会创建一个QML文件–Main.qml,编辑模式下可修改。

Qt Quick UI Projects

Qt Quick UI Prototype项目用于测试或设计用户界面原型,或者单纯用于在一个独立的项目中编辑QML。此类型项目不可以直接用于应用开发,因为此类项目不包含如下内容:

  • C++代码
  • 资源文件(.qrc)
  • 部署应用到设备所必须的代码。

后续我们会讲解如何将Qt Quick UI Projects转化为应用项目。

使用如下步骤创建Qt Quick UI Project:

  1. 选择File > New Project > Other Project > Qt Quick Prototype.
  2. 点击Choose打开Project Location对话框。
  3. Name字段,输入项目名,在Creat in字段,输入项目目录。
  4. 点击Next打开Details对话框,根据需要勾选是否需要虚拟键盘的支持。
  5. 点击Next进入构建套件选择对话框,根据需要选择构建平台。
  6. 点击Next预览汇总,没问题的话就点击Finish按钮完成创建。

Qt Creator创建如下文件:

  • .qmlproject项目文件定义项目目录下所有的属于本项目的QML,JavaScript,以及图像文件。
  • .qml文件定义UI Item,例如组件,或者application UI.
  • ui.qml文件为application UI定义一个表单。可以用于可视化设计界面。

要使用JaveScript或者图像文件,直接将他们拷贝到项目目录。

最新文章和代码都放在github QML-Applications上,期待star。

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值