这里使用的QT库为5.7版本。

1、添加环境变量

QT库根目录环境变量 QTDIR

QT库平台插件环境变量 QT_PLUGIN_PATH

QML支持环境变量 QML2_IMPORT_PATH （该环境变量仅在需要使用QML时添加）

QT库动态库环境变量，bin目录下包含了QT程序运行所需的dll文件，添加到环境变量 Path

2、qrc 文件配置

新建一个 .qrc 文件，这里命名为 qml.qrc，.qrc是一个Qt资源文件，用于将QML文件、图片等资源打包到一个二进制文件中。

<RCC><!-- prefix 定义了资源的访问路径 --><qresource prefix="/"><file>qml/main.qml</file>        <!-- main.qml 文件在qml目录下 --><file>image.png</file>           <!-- image.png在 .qrc 文件同级目录下 --></qresource>
</RCC>

后续访问 main.qml 文件的路径格式为:

qrc:<prefix><file>

qrc:/qml/main.qml

 

3、cmake 配置

3.1 cmake引入QT库

find_package(Qt5 COMPONENTS REQUIREDGuiQuickQmlCoreWidgets
)
if(Qt5_FOUND)message(STATUS "Qt5 is found")set(CMAKE_INCLUDE_CURRENT_DIR ON)set(CMAKE_AUTOUIC ON)       # 自动编译 .ui 文件set(CMAKE_AUTORCC ON)       # 自动编译 .qrc 文件set(CMAKE_AUTOMOC ON)       # 自动编译包含宏 Q_OBJECT 的文件
endif()

3.2 添加 qrc 资源文件

file(GLOB ALL_SOURCES *.c *.cpp)
file(GLOB ALL_INCLUDES *.h *.hpp)
set(ALL_SRCS ${ALL_SOURCES} ${ALL_INCLUDES}qml.qrc         # qml.qrc是一个Qt资源文件，用于将QML文件、图片等资源打包到一个二进制文件中
)   add_executable(${PROJECT_NAME} ${ALL_SRCS})

3.3 目标文件链接到 QT库

target_link_libraries(${PROJECT_NAME}Qt5::GuiQt5::QuickQt5::QmlQt5::CoreQt5::Widgets
)

4、cpp 主程序

#include <QtGui/QGuiApplication>
#include <QtQml/QQmlApplicationEngine>
#include <stdio.h>int main(int argc, char** argv)
{QGuiApplication app(argc, argv);QQmlApplicationEngine engine;// 建立信号和槽的连接// 显示QML文件engine.load(QUrl(QStringLiteral("qrc:/qml/main.qml")));	// qrc: + <prefix> + <file>if (engine.rootObjects().isEmpty())return -1;return app.exec();
}