qt中qml调用cpp中的逻辑

在Qt中，QML可以通过多种方式调用C++中的逻辑。常见的方法包括使用QmlEngine和QmlComponent将C++对象暴露给QML，通过信号和槽机制进行交互，或通过QML插件进行扩展。以下是一个简单的示例，演示如何在QML中调用C++代码。

1. 创建C++类

首先，创建一个简单的C++类，并使其继承自QObject。这个类将包含一个可以从QML调用的槽函数。

MyClass.h

#ifndef MYCLASS_H
#define MYCLASS_H

#include <QObject>

class MyClass : public QObject
{
    Q_OBJECT
public:
    explicit MyClass(QObject *parent = nullptr);

public slots:
    void increaseNumber();

signals:
    void numberChanged(int newNumber);

private:
    int m_number;
};

#endif // MYCLASS_H

MyClass.cpp

#include "MyClass.h"
#include <QDebug>

MyClass::MyClass(QObject *parent) : QObject(parent), m_number(0)
{
}

void MyClass::increaseNumber()
{
    m_number++;
    emit numberChanged(m_number);
    qDebug() << "Number increased to" << m_number;
}

2. 在main.cpp中注册C++类

在main.cpp中，将C++类注册到QML中，使其可以在QML文件中使用。

main.cpp

#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QQmlContext>
#include "MyClass.h"

int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);

    QQmlApplicationEngine engine;
    
    MyClass myClass;
    engine.rootContext()->setContextProperty("myClass", &myClass);

    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));

    if (engine.rootObjects().isEmpty())
        return -1;

    return app.exec();
}

3. 创建QML文件

在QML文件中，可以通过调用myClass对象的方法来实现逻辑交互。

main.qml

import QtQuick 2.12
import QtQuick.Controls 2.12
import QtQuick.Window 2.12

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

    Column {
        anchors.centerIn: parent
        spacing: 20

        Text {
            text: "Qt Quick"
            font.pointSize: 24
            font.bold: true
            anchors.horizontalCenter: parent.horizontalCenter
        }

        TextField {
            id: numberField
            text: "0"
            readOnly: true
            font.pointSize: 24
            width: 200
            horizontalAlignment: Text.AlignHCenter
            anchors.horizontalCenter: parent.horizontalCenter
        }

        Button {
            text: qsTr("Increase")
            anchors.horizontalCenter: parent.horizontalCenter
            onClicked: {
                // 调用C++对象的increaseNumber方法
                myClass.increaseNumber();
            }
        }
    }

    Connections {
        target: myClass
        onNumberChanged: numberField.text = newNumber.toString()
    }
}

详细解释

1. C++类MyClass:

   • 包含一个私有成员变量m_number，表示数字。
   • 包含一个公共槽increaseNumber()，每次调用时增加m_number的值并发出numberChanged信号。
   • numberChanged信号在数字变化时发出，用于通知QML。

2. 在main.cpp中注册C++类:

   • 创建MyClass对象并将其设置为QML上下文属性，使其可以在QML中通过myClass访问。

3. QML文件:

   • 使用一个Button和一个TextField来显示和增加数字。
   • 通过按钮的onClicked信号调用myClass.increaseNumber()方法。
   • 使用Connections对象连接myClass的numberChanged信号到onNumberChanged槽，更新TextField中的数字。

运行这个程序时，每次点击按钮，C++中的逻辑会增加数字，并将新值发回QML以更新显示。