Qt框架中QML与C++交互的完整教程

Qt框架中QML与C++交互的完整教程

引用

CSDN

1.

https://blog.csdn.net/qq_48597462/article/details/138720457

在Qt开发中，QML与C++的交互是一个重要的技术点。本文将详细介绍如何通过QML和C++的交互来实现应用程序开发中的性能优化、业务逻辑处理、跨平台开发和灵活性扩展。

一.介绍

在 Qt 中，QML 与 C++ 交互是非常重要的，因为它允许开发人员充分利用 QML 和 C++ 各自的优势，实现更加灵活和高效的应用程序开发。

QML 是一种声明性的语言，用于构建用户界面，具有直观、简洁和易于理解的特点，适合用于描述界面的外观和交互逻辑。而 C++ 是一种强大的编程语言，可以进行复杂的计算和处理逻辑，适合用于实现底层功能和业务逻辑。

通过 QML 与 C++ 的交互，可以实现以下作用和重要性：

• 性能优化：C++ 可以处理复杂的计算和逻辑，可以提高应用程序的性能。通过将一些计算密集型的任务交给 C++ 处理，可以提高应用程序的响应速度和性能表现。

• 业务逻辑处理：C++ 可以处理底层的业务逻辑，如数据处理、文件操作、网络通信等。QML 可以专注于界面的呈现和交互逻辑，而将复杂的业务逻辑交给 C++ 处理，可以更好地分离界面和业务逻辑，提高代码的可维护性和可重用性。

• 跨平台开发：Qt 支持跨平台开发，通过 QML 与 C++ 的交互，可以实现跨平台的应用程序开发。开发人员可以在 QML 中描述界面，同时在 C++ 中处理平台相关的逻辑，从而实现跨平台的应用程序开发。

• 灵活性和可扩展性：通过 QML 与 C++ 的交互，可以实现界面与逻辑的分离，使得应用程序结构更加清晰和灵活。开发人员可以根据需求选择在 QML 中实现界面逻辑，或者在 C++ 中实现复杂的逻辑，从而实现更加灵活和可扩展的应用程序。

总的来说，QML 与 C++ 交互的作用和重要性在于充分发挥各自的优势，实现界面与逻辑的分离，提高应用程序的性能、可维护性和可扩展性，从而更好地满足复杂应用程序的开发需求。

二.pro文件添加模块

在.pro文件中添加qml模块：

QT += qml

三.h文件

1. 首先，继承自 QObject 类，是 Qt 框架中所有 QML 对象的基类。

2. 其次，定义了一个 Q_PROPERTY 宏，用于在 QML 中声明此类的属性，并提供 READ、WRITE 和 NOTIFY 三个选项。这里定义了一个名为 name 的属性，可以在 QML 中通过 name 访问，通过 getname 函数获取属性值，通过 setName 函数设置属性值，并通过 NameChangedSig 信号通知 QML 端属性值的改变。

3. 接下来，构造函数 qmlandc()，可以在此处进行一些初始化工作。

4. 然后，定义了一个 setName 函数，用于在 C++ 端设置 name 属性的值，并在函数末尾通过 NameChangedSig 信号通知 QML 端属性值的改变。

5. 接下来，定义了一个 getname 函数，用于在 C++ 端获取 name 属性的值。

6. 最后，定义了一个 NameChangedSig 信号，用于在 C++ 端通知 QML 端 name 属性值的改变。

四.cpp文件

1. 首先，构造函数 qmlandc() 将 m_name 属性初始化为字符串 "美女"。

2. 然后，setName 函数用于设置 m_name 属性的值。如果传入的 name 参数与当前 m_name 属性的值相同，则直接返回，不进行任何操作。否则，将 m_name 属性的值设置为传入的 name 参数，并通过 qDebug() 函数输出当前 m_name 属性的值，最后通过 emit 关键字触发 NameChangedSig 信号。

3. 最后，getname 函数用于获取 m_name 属性的值，并将其作为 QString 类型的返回值返回。

五.注册

在main.cpp中注册C++类型至QML：

qmlRegisterType<qmlandc>("Qmlqmlandc", 1, 0 ,"Qmlqmlandc");

六.调用

七.展示效果

初始值调用C++中getname显示为：美女，

点击矩形框调用C++中setname为：帅哥。

八.代码

1.qmlandc.h

#ifndef QMLANDC_H
#define QMLANDC_H
#include <QObject>
#include <QDebug>
class qmlandc : public QObject
{
    Q_OBJECT
    Q_PROPERTY(QString name READ getname WRITE setName NOTIFY NameChangedSig)
public:
    qmlandc();
    void setName(QString name);
    QString getname();
signals:
    void NameChangedSig();
public slots:
private:
   QString m_name;
};
#endif // QMLANDC_H

2.qmlandc.cpp

#include "qmlandc.h"
qmlandc::qmlandc()
{
      m_name = "美女";
}
void qmlandc::setName(QString name)
{
    if(m_name == name){
        return ;
    }
    m_name = name ;
    qDebug()<<"aaaaaaaa"<<m_name;
    emit NameChangedSig();
}
QString qmlandc::getname()
{
    return  m_name;
}

3.main.cpp

#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QQmlEngine>
#include "qmlandc.h"
int main(int argc, char *argv[])
{
    QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
    QGuiApplication app(argc, argv);
    //qmlRegisterType注册c++类型至qml
    //arg1:import时模块名
    //arg2:主版本号
    //arg3:次版本号
    //arg4:qml类型名
    qmlRegisterType<qmlandc>("Qmlqmlandc", 1, 0 ,"Qmlqmlandc");
    QQmlApplicationEngine engine;
    const QUrl url(QStringLiteral("qrc:/main.qml"));
    QObject::connect(&engine, &QQmlApplicationEngine::objectCreated,
                     &app, [url](QObject *obj, const QUrl &objUrl) {
        if (!obj && url == objUrl)
            QCoreApplication::exit(-1);
    }, Qt::QueuedConnection);
    engine.load(url);
    return app.exec();
}

4.qml

import QtQuick 2.7
import Qmlqmlandc 1.0
import QtQuick.Window 2.2
import QtQuick.Controls 1.4
Window {
    visible: true
    width: 400
    height: 400
    Qmlqmlandc{
        id:_Qmlqmlandc
    }
    Rectangle{
        anchors.fill: parent
        Rectangle{
            width: 50
            height: 50
            border.width: 1
            border.color: "black"
            MouseArea{
                anchors.fill: parent
                onClicked: {
                    _Qmlqmlandc.name = "帅哥"
                }
            }
        }
        Text {
            anchors.right: parent.right
            anchors.rightMargin: 100
            font.pixelSize: 30
            text: _Qmlqmlandc.name
        }
    }
}