QtQuick⼊门教程之基础（⼀）熟悉QtQuick的世界
导语
从这⼀篇开始，咱们正式步⼊Qt Quick的世界，让我们⼀起来探索这个全新的、有趣的、易于使⽤的界⾯开发技术。Qt Quick到底是什么？其实对于新的东西，它的定义往往是模糊的，⽽且会不断变化，因为它本⾝在快速发展。所以，对于初学者，⼀些概念性的东西不要较真，我们只需要知道有这样⼀个东东，它现在能做什么，然后再去了解它，使⽤它，等你真正熟悉它的时候，它的定义也就不⾔⾃明了。当然，下⾯我们还是会对基本的概念进⾏介绍，这⾥提及这些只是提醒初学者，即便看下⾯的内容⼀头雾⽔也没有关系，后⾯慢慢会明⽩的。
下⾯让我们开始！
什么是ＱＭＬ
韩剧排行榜2013QML（Qt Meta-Object Language，Qt元对象语⾔）是⼀种⽤于描述应⽤程序⽤户界⾯的声明式编程语⾔。它使⽤⼀些可视组件，通过这些组件之间的交互来描述⽤户界⾯。QML是⼀种⾼可读性的语⾔，可以使组件以动态⽅式进⾏交互，并且易于复⽤和⾃定义。
QML允许开发者和设计者进⾏联合创作，快速创建⾼性能的、具有流畅的动画效果的、极具视觉吸引⼒
的应⽤程序。QML提供了⼀个具有⾼可读性的类似 JSON 的声明式语法，并提供了必要的 JavaScript 语句和动态属性绑定的⽀持。
在Qt 5中，QML语⾔和引擎框架由Qt QML模块提供。
什么是Qt Quick
Qt从4.7版本引⼊了Qt Quick技术。当时对Qt Quick的定义为：
⼀种⾼级⽤户界⾯技术，可以轻松创建供移动和嵌⼊式设备使⽤的动态触摸式界⾯和轻量级应⽤程序。Qt Quick主要由⼀个改进的Qt Creator IDE（其中包含了Qt Quick设计器）、新增的简单易学的QML语⾔和新加⼊Qt库中名为QtDeclarative的模块等三部分组成。这些使得QML更⽅便不熟悉C++的开发⼈员和设计⼈员使⽤。
谈心疗法
从这个定义来看，其实Qt Quick就是Qt引⼊的全新的界⾯编程⽅式（这个说法可能⽋妥）的通称。在Qt 5中，Qt Quick被描述为QML类库：Qt Quick是QML的⼀个数据类型和功能的标准库，包含了可视化类型、交互类型、动画、模型和视图、粒⼦特效和渲染特效等。在QML应⽤程序中，可以通过⼀个简单的import语句来使⽤该模块提供的所有功能。
在Qt 5中，Qt Quick由Qt Quick模块提供。
到这⾥，也许你还是搞不清楚什么是Qt Quick，那么想想C++跟Qt的关系吧，它们类似于QML和Qt Quick的关系。
再次提醒，对于初学者，不要被后⾯众多的概念所束缚，由于是新技术，现在还没有统⼀的官⽅的中⽂翻译标准，⽽且对于⼀些名词可能在不同语境有不同的意思，这需要熟练掌握以后才能更好地理解。现在需要做的只是了解，然后接着学下去。
下载安装Qt 5.12
这⾥使⽤了现在最新的Qt 5.12.0开源版本。下载地址：
我们使⽤Windows平台进⾏演⽰，所以这⾥选择下载⽂件：
qt-opensource-windows-x86-5.
在选择组件界⾯可以选择安装⼀些模块，为了开发桌⾯应⽤、Android应⽤，要选中MinGW 7.3.0 64-bit和Android ARMv7两个组件，它们分别提供了桌⾯和Android开发库；还可以选中另外⼀些组件，⽐如选择Qt Charts、Qt Data Visualization，后期图表绘制和数据可视化内容需要⽤到。如下图所⽰。mark bradshaw
创建Qt Quick项⽬
在Qt Creator菜单中选择”⽂件→新建⽂件或项⽬“，会弹出新建对话框，模板选择中Application ⼀项后⾯列出了四个现成的Qt Quick 应⽤模板，分别是Qt Quick Application - Empty、Qt Quick Application - Scroll、Qt Quick Application - Stack、Qt Quick Application - Swipe，如下图所⽰。
有IDE使⽤经验的同学都应该知道，提供模板只是为了减少前期创建项⽬的⼯作，所以使⽤哪个模板其实是⽆所谓的，⾥⾯⽣成的内容我们都可以⾃⼰⼿动添加。鉴于我们⾯对初学者，⽽且后⾯三个模板会涉及Qt Quick Controls的内容，所以这⾥就不再演⽰，有兴趣的同学可以⾃⼰创建项⽬看看效果。下⾯我们选择Qt Quick Application - Empty，继续教程。
耐心地
接下来是设置项⽬名称和路径，名称我设置为了helloandroid（项⽬名称⼤家可以按照⾃⼰的习惯设置，对于初学者，也可以像我这样都使⽤英⽂⼩写字母），路径⼤家随意设置，注意不要有中⽂和特殊字符即可。
在Build System页⾯我们保持默认，使⽤qmake。
下⾯是选择最低需要的Qt版本，这⾥如果选择的版本过⾼，那么将源码给低版本的Qt编译，将会出现错误。其实，这⾥选择什么，对于⽣成的源码也只是import Qt Quick后⾯的版本号不同，所以可以随
意选择，后⾯需要使⽤特定功能的时候，直接在源码中修改import语句后⾯的版本号即可。现在保持默认Qt 5.9就⾏。
接下来是构建套件选择，现在默认只有⼀个桌⾯版的，我们保持默认即可。
最后可以选择版本控制系统等，我们这⾥不需要，不进⾏设置，单击“完成”按钮完成项⽬的创建。
ais什么意思>moden
⽣成的项⽬如下图所⽰。
rona
可以看到，这就是⼀个标准的Qt项⽬，只不过在资源⽂件中多了⼀个main.qml⽂件，这个⽂件就是QML⽂件，当然⾥⾯就是⽤QML语⾔编写的代码，我们先睹为快：
1 import QtQuick 2.9法国馆
2 import QtQuick.Window 2.2
3
4 Window {
5 visible: true
剑桥少儿英语预备级教案
6 width: 640goodway
7 height: 480
8 title: qsTr("Hello World")
9}
多么简约易懂的代码啊！其实即便不解释，没有编程经验的同学也应该能看懂是什么意思吧！下⾯直接按下左下⾓运⾏按钮，或者使⽤Ctrl+R快捷键运⾏项⽬，效果如下图所⽰。
