使用cmake组织QML工程代码

使用cmake组织c++代码,一般的流程大概是:

        1、创建一个可执行文件A

        2、设置A需要的源文件

        3、设置A的编译源文件时用到的头文件路径

        4、设置A依赖的动态库或静态库

        5、设置编译选项

        6、设置链接选项

        7、设置编译宏定义

QML项目稍微多加了几个步骤:

       1、添加资源文件,主要是图片资源和qml文件资源

       2、把一些代码编译成模块,这样才能注册QML自定义类型。

下面以示例说明,我的QML项目的目录结构如下 :

cmake源文件如下:

        

#设置最低cmake版本
cmake_minimum_required(VERSION 3.20.1)  

#使用g++作为编译器
SET(CMAKE_CXX_COMPILER /usr/bin/c++)

#设置C++20标准
set(CMAKE_CXX_STANDARD 20)             

#创建工程
project(NetToolApp LANGUAGES CXX)      

#在widgets项目中,这句代码用来预处理.ui界面文件的,QML项目里好像用不到
set(CMAKE_AUTOMOC ON)                  

#查找用到的一些库 ,cmake中必须要先查找得到
find_package(Qt6 6.5 REQUIRED COMPONENTS Core Gui Qml Quick)         
if (Qt6_VERSION VERSION_GREATER_EQUAL 6.3)
    qt_standard_project_setup()
endif()

#创建一个可执行文件
qt_add_executable(${PROJECT_NAME} src/main.cpp)  


#添加资源文件,图像,qml代码文件都是资源,加了下面这行指令后,C++代码中就可以找到这些QML文件
#可以用qrc:/qml/App.mql的路径格式访问
qt_add_resources(${PROJECT_NAME}
    PREFIX "/"                            #资源的前缀
    FILES
        qml/App.qml                       #资源所在的路径
        qml/ConfigUI.qml
        qml/MapView.qml
        qml/GroupWnd.qml
        qml/MyComboBox.qml
        qml/ColorButton.qml
        qml/MessageListView.qml
        qml/TcpClient.qml
        qml/EditLine.qml
        qml/TaskTable.qml
        images/drop-indicator.png
)

#创建一个模块,主要是把C++类注册成QML可以使用的类型
qt6_add_qml_module(${PROJECT_NAME}
    URI "MyControl.TreeModel"
    VERSION 1.0
    SOURCES
        src/treemodel.h           #TreeView的自定义model代码
        src/treemodel.cpp
        src/nettoolitemmodel.h    #TreeView的自定义model代码(已废弃)
        src/nettoolitemmodel.cpp
)

#把当前路径设置为C++头文件搜索路径
target_include_directories(${PROJECT_NAME} PRIVATE ${CMAKE_CURRENT_SOURCE_DIR}/src)

#添加项目依赖的库(动态库,静态库,Object或Interface库)
target_link_libraries(${PROJECT_NAME} PRIVATE
    Qt6::Core
    Qt6::Gui
    Qt6::Qml
    Qt6::Quick
)

代码连接(Qt 6.5):

https://download.csdn.net/download/qq_33271629/89037989

  • 9
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
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
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值