一文入门Qt Quick

初识Qt Quick

很高兴可以来到这一章，终于可以开始讲讲最近几年Qt的热门技术Quick这一块了。

啥是Qt？

哦，这是一个宣称可以跨任意平台，开发各种场景应用软件的开发框架。从三个维度来讲，就是开发库framework，集成开发平台IDE，以及成熟的开发思维模式。

Qt Quick最早出现在Qt的4.7版本中，目标是在UI设计者与开发者之间搭建一个更高效合作平台，给开发者更好的UI开发体验。虽然几经易手，Qt在digia公司这些年的努力迭代更新下，Qt Quick终于迎来了成熟稳定的版本（这也是我愿意在最近的项目里转用它的原因）。

至于Qt Quick和老一套开发核心Qwidget的区别，其中最重点的就是提供了新的UI描述语言QML(Qt Meta-object Language，Qt元对象描述语言)。QML乍看起来有点像json，但是核心思想却是模仿web页面。没错，在QML文件中允许搭配Javascript代码，就可以辅助实现丰富的UI交互逻辑。

如果你以往习惯QWidget开发，那么Qt Quick真的非常值得上手试试。

好了，口水吐多了招人厌，下面直入庐山一窥真面目！

手剥一个简单的功能程序开发栗子

在Qt开发过程中，Qt官方IDE(Qt Creator)提供了好几种工程构建工具，比如简单易懂的qmake，火上天的cmake，还有貌似没人听说过的Qbs。而目前Qt主推的构建方式就是cmake，下面要讲的例子也是用cmake。

本文福利，莬费领取Qt开发学习资料包、技术视频，内容包括（C++语言基础，Qt编程入门，QT信号与槽机制，QT界面开发-图像绘制，QT网络，QT数据库编程，QT项目实战，QSS，OpenCV，Quick模块，面试题等等）↓↓↓↓↓↓见下面↓↓文章底部点击莬费领取↓↓

1.开发环境配置

Win10
Qt 6.2.4
Qt Creator 8.0.1
Mingw 11.2.0 64bit
Cmake 3.23.2

这里选用的Qt版本是写作时最新的LTS版本，LTS意思就是官方长期支持更新。比如说，一两年内还会发布一下补丁和安全更新，至于新功能特性就别想了。

2.创建Qt Quick工程

先用Qt Creator创建一个简单的quick工程，工程构建描述的内容就保存在工程根目录的配置文件CMakeLists.txt中，如下：

cmake_minimum_required(VERSION 3.16)

project(instance VERSION 0.1 LANGUAGES CXX)

set(CMAKE_AUTOMOC ON)
#set(CMAKE_AUTOUIC ON)
set(CMAKE_AUTORCC ON)
set(CMAKE_CXX_STANDARD_REQUIRED ON)

find_package(Qt6 6.2 COMPONENTS Quick REQUIRED)

file(GLOB_RECURSE SOURCE_FILES
    ./src/*.cpp
    ./src/*.h
)

qt_add_resources(SOURCE_FILES instance.qrc)

qt_add_executable(instance
    ${SOURCE_FILES}
)

set_target_properties(instance PROPERTIES
    MACOSX_BUNDLE_GUI_IDENTIFIER my.example.com
    MACOSX_BUNDLE_BUNDLE_VERSION ${PROJECT_VERSION}
    MACOSX_BUNDLE_SHORT_VERSION_STRING ${PROJECT_VERSION_MAJOR}.${PROJECT_VERSION_MINOR}
    MACOSX_BUNDLE TRUE
    WIN32_EXECUTABLE TRUE
)

target_link_libraries(instance
    PRIVATE Qt6::Quick)

install(TARGETS instance
    BUNDLE DESTINATION .
    LIBRARY DESTINATION ${CMAKE_INSTALL_LIBDIR})

cmake_minimum_required用于声明当前的配置文件适用于的cmake最低版本，同时为了防止使用过于低级的版本来构建当前工程，避免某些指令不支持或者不兼容。

project用于声明当前工程名称，和开发语言。CXX代表了C++。

CMAKE_AUTOMOC用于标记是否开启自动MOC。Qt不仅仅是开发库，它同时也对开发语言(比如C++)做了拓展，那么源码文件中就会多多少少会包含有通用编译器无法识别的部分内容。MOC就是用于对Qt的扩展内容进行转换的工具。

CMAKE_AUTORCC用于标记是否开启自动RCC。在Qt工程中会包含有被最终输出的执行程序所需要的资源内容，比如音视频，图片等等。那么为了高效调用这些资源，势必需要对原本的资源文件进行处理再保存到额外的二进制文件中，甚至内嵌到执行文件中。RCC就是对这些资源文件进行处理和再输出工具。

由于我的例子工程中需要用到MOC和RCC，所以CMAKE_AUTOMOC和CMAKE_AUTORCC都打开。

CMAKE_AUTOUIC用于标记是否开启自动UIC。如果开发界面用的技术栈是QWidget，那么在Qt工程中就需要创建.ui文件并保存设计内容到其中，编译的时候也需要用UIC把.ui文件转换成.h文件。不过，这里用Quick技术栈开发界面，因此无需打开CMAKE_AUTOUIC，在最前面添加#表示注释掉