QT6 QML CMake工程添加qml到qrc中

参考QT官方文档

前言:使用qt6.2.4 qml的CMake工程时遇到qrc中的qml文件和图片无法使用的情况,查了好久终于找到解决办法,在此记录一下

1. 新建qml.qrc资源文件

image-20230807171533901

image-20230807171551006

image-20230807171610227

可以在目录下看到qrc文件表示新建成功

image-20230807171649001

2.给qrc文件添加前缀

image-20230807171831325

添加完成后如下:

image-20230807171921243

3. 修改CMakeLists.txt

我需要在一个qml文件中使用Loader组件加载另一个qml组件代码如下:

image-20230807171407595

CMakeList中没加代码之前会出现找不到qml文件的报错

在CMakeLists.txt中添加如下代码后qml文件成功加载

set(CMAKE_AUTORCC ON)
qt_add_executable(appApplication //工程名称
    main.cpp
    qml.qrc //新建的qrc资源文件
)

image-20230807171017594

参考如下:

image-20230807170914349

QML 中使用 QSettings 可以方便地实现应用程序的配置管理。QSettings 是一个用于访问应用程序设置的类,它可以将设置储在操作系统的注册表中、INI 文件中或者其他位置。 在 CMake 工程中可以使用以下步骤添加 QSettings 功能: 1. 在 CMakeLists.txt 中添加以下内容: ```cmake find_package(Qt5 COMPONENTS Core REQUIRED) # 将 qml.qrc 添加工程qt5_add_resources(QML_RESOURCES qml.qrc) # 将 QML_RESOURCES 添加到可执行文件中 add_executable(MyApp main.cpp ${QML_RESOURCES}) # 将 QML 文件复制到二进制目录中 file(COPY qml DESTINATION ${CMAKE_CURRENT_BINARY_DIR}) ``` 2. 创建一个名为 Settings 的 QML 组件,用于管理应用程序设置。示例代码如下: ```qml import QtQuick 2.0 import QtQuick.LocalStorage 2.0 Item { property alias username: usernameInput.text property alias password: passwordInput.text TextInput { id: usernameInput placeholderText: qsTr("Username") text: Settings.value("username", "") onTextChanged: Settings.setValue("username", text) } TextInput { id: passwordInput placeholderText: qsTr("Password") text: Settings.value("password", "") onTextChanged: Settings.setValue("password", text) echoMode: TextInput.Password } // 设置储位置为应用程序数据目录下的 settings.ini 文件 Component.onCompleted: Settings.storageLocation = Qt.application.dataDir + "/settings.ini" // 创建一个 QSettings 实例 property var Settings: Qt.createQmlObject("import Qt.labs.settings 1.0; Settings {}", parent) } ``` 在上述代码中,我们通过 TextInput 控件实现了用户名和密码的输入,并将它们的值保在 QSettings 中。在 Component.onCompleted 信号中,我们将储位置设置为应用程序数据目录下的 settings.ini 文件,这样可以确保用户的设置在不同的系统上都能够被正确地保和读取。 3. 在 main.qml添加 Settings 组件并使用它来读取和写入应用程序设置。示例代码如下: ```qml import QtQuick 2.0 // 在 main.qml添加 Settings 组件 Settings { id: appSettings } Rectangle { width: 200 height: 200 Text { text: qsTr("Welcome, %1").arg(appSettings.username) anchors.centerIn: parent } } ``` 在上述代码中,我们通过 appSettings.username 来读取用户名的值,并在 Text 控件中显示它。这样,当用户在 Settings 组件中输入用户名后,它将自动更新到 Text 控件中。 这就是使用 QSettings 和 CMakeQML 中管理应用程序设置的基本步骤。当然,这只是一个简单的示例,实际应用中还需要根据需要进行修改和扩展。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

指针到处飞

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值