Qt CMake 项目中 QML 和资源文件的引入方式

初入CMake，和之前的qmake差别还是挺大的，笔者在边学习的同时，边整理一下目前使用到的文件引入方法，以供参考...

一、引入QML文件

先在本地文件夹中创建好分类的文件夹和qml文件，然后在Qt Creator中右键Source Files添加现有文件（依旧不理解为什么Qt Creator不直接在本地创建文件夹）

然后查看CMakeLists中的qt_add_qml_module

c 复制代码

//如我这边的CMakeList.txt
qt_add_qml_module(apptest
    URI test								//这边是模块名
    VERSION 1.0							//这边是版本号
    QML_FILES main.qml
    QML_FILES Module/TestMd.qml
)

然后在需要引入的qml文件夹中import模块，并使用即可

c 复制代码

//main.qml
import QtQuick
import test 1.0

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    TestMd{
        anchors.centerIn: parent
    }
}

二、引入图片文件

右键apptest，添加新文件Qt Resource File。然后依旧在本地文件夹中创建好文件夹并拖入图片文件，最后在Qt Creator的Resources文件夹中右键添加现有文件即可。

这时注意CMakeLists中的qt_add_qml_module

c 复制代码

//注意这边的路径
qt_add_qml_module(apptest
    URI test
    VERSION 1.0
    QML_FILES main.qml
    QML_FILES Module/TestMd.qml
    RESOURCES Resrc.qrc
    RESOURCES Icon/1.png
)

在qml中使用QML模块URI+资源在模块中的相对路径（即qt_add_qml_module中的路径）调用即可

c 复制代码

//示例
import QtQuick
import test 1.0

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    Image {
        id:testimg
        source: "qrc:/test/Icon/1.png"
        anchors.centerIn: parent
        height: 80
        width: 50
    }
}

Qt CMake 项目中 QML 和资源文件的引入方式

一、引入QML文件

二、引入图片文件

三、后续待补...