qml与c++对象交互

c++修改、访问qml属性、调用qml方法(参数传递)、qml信号绑定到c++对象的槽上,传递各种类型的参数:
main.cpp 设置qml属性、访问qml属性、调用qml函数、关联qml信号与c++对象的槽函数

#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QQuickView>
#include <QQmlContext>
#include <QObject>
#include <QDebug>
#include <QQmlProperty>
#include <QQuickItem>
#include <QMetaObject>
#include "cppclass.h"
int main(int argc, char *argv[])
{
    QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
    QGuiApplication app(argc, argv);
    QQuickView viewer;
    viewer.setTitle("qml_c++对象交互"); //标题
    viewer.setResizeMode(QQuickView::SizeRootObjectToView); //resize
    viewer.setSource(QUrl("qrc:/main.qml")); //qml
    viewer.show();
    viewer.setProperty("width",640); //设置属性的值
    viewer.setProperty("height",480);
    //查找qml对象,并修改其属性
    //viewer.rootObject()->findChild<QObject *>("text")->setProperty("text","Hello World.");
    //修改qml属性
    viewer.rootObject()->setProperty("value",1000);
    QQmlProperty::write(viewer.rootObject(),"value",1024);
    qDebug()<<"property value:"<<QQmlProperty::read(viewer.rootObject(),"value").toInt();
    //调用qml函数myQmlFunc
    QVariant ret;
    QVariant msg = "Hello Wolrd";
    QMetaObject::invokeMethod(viewer.rootObject(),"myQmlFunc",Q_RETURN_ARG(QVariant,ret),Q_ARG(QVariant,msg));
    qDebug()<<ret.toString();
    //关联qml的信号到c++的槽
    cppClass cls;
    //QString参数
    //QObject::connect(viewer.rootObject(),SIGNAL(qmlSignal(QString)),&cls,SLOT(cppSlots(QString)));
    //对象+int参数
    QObject::connect(viewer.rootObject(),SIGNAL(qmlSignal(QVariant,QVariant,int,int)),&cls,SLOT(cppSlots(QVariant,QVariant,int,int)));
    return app.exec();
}

cppclass.h 定义c++槽函数,设置qml对象的属性

#ifndef CPPCLASS_H
#define CPPCLASS_H
#include <QObject>
#include <QString>
#include <QDebug>
#include <QQuickItem>
class cppClass : public QObject
{
    Q_OBJECT
public slots:
    //string类型的槽
    //void cppSlots(QString str)
    //{
    // qDebug()<<"cpp slots recv:" + str;
    //}
    //对象+int类型的槽
    void cppSlots(const QVariant item,const QVariant text,int x,int y)
    {
        QQuickItem * it = qobject_cast<QQuickItem *>(item.value<QObject*>());
        QString s = QString("width:%1 height:%2 click:%3 %4").arg(it->width()).arg(it->height()).arg(x).arg(y);
        //设置qml text对象的text属性
        (qobject_cast<QQuickItem *>(text.value<QObject*>()))->setProperty("text",s);
    }
};
#endif // CPPCLASS_H

main.qml 在鼠标点击、窗口宽度和高度改变时发送qml信号,由c++槽函数处理信号

import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.3
Rectangle
{
    property int value: 258
    Text
    {
        id: text
        anchors.centerIn: parent
        text: "Hello World."
        font.family: "微软雅黑"
        font.pointSize: 25
    }
    function myQmlFunc(msg)
    {
        console.log("myQmlFunc " + msg)
        return "myQmlFunc " + msg;
    }
    //qml信号及发送信号代码
    //signal qmlSignal(string str)
    signal qmlSignal(var obj,var text,int x,int y)
    MouseArea
    {
        id: mouseArea
        anchors.fill: parent
        //鼠标点击
        onClicked:
        {
            //QString类型参数
            //parent.qmlSignal("qmlSignal:clicked x:" + mouse.x + " y:" + mouse.y)
            //对象+int参数
            parent.qmlSignal(parent,text,mouse.x,mouse.y)
        }
    }
    //高度改变
    onHeightChanged:
    {
        qmlSignal(this,text,mouseArea.mouseX,mouseArea.mouseY)
    }
    //宽度改变
    onWidthChanged:
    {
        qmlSignal(this,text,mouseArea.mouseX,mouseArea.mouseY)
    }
}

效果:
这里写图片描述
代码:https://github.com/yangyang0312/cpp/tree/master/Qt/qml/QmlCppObjInteract

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
QMLC++ 交互的过程一般分为以下几个步骤: 1. 定义 C++ 类并注册到 QML 中 你需要在 C++ 中定义一个类,该类封装了你想要实现的功能。同时,你需要使用 `qmlRegisterType` 函数将该类注册到 QML 中,以便在 QML 中使用该类。 例如,你可以定义一个名为 `MyClass` 的类,并将其注册到 QML 中: ```cpp class MyClass : public QObject { Q_OBJECT public: Q_INVOKABLE int myFunction(int arg) { // 实现你的功能 } }; qmlRegisterType<MyClass>("com.example", 1, 0, "MyClass"); ``` 在上面的代码中,`Q_INVOKABLE` 用于声明 `myFunction` 函数可从 QML 中调用,`qmlRegisterType` 函数用于将 `MyClass` 类注册到 QML 中。`"com.example"` 表示注册的命名空间,`1` 和 `0` 表示主版本号和次版本号,`"MyClass"` 是在 QML 中使用的类名。 2. 在 QML 中使用 C++ 类 在 QML 中使用 C++ 类时,你需要使用 `import` 语句导入该类所在的命名空间。然后,你可以通过该命名空间来访问该类。例如: ```qml import com.example 1.0 MyClass { id: myClass } Button { onClicked: { var result = myClass.myFunction(42) // 处理返回值 } } ``` 在上面的代码中,`import` 语句用于导入 `com.example` 命名空间,`MyClass` 用于创建一个 `MyClass` 实例,`id` 属性用于设置实例的标识符,`Button` 用于创建一个按钮,`onClicked` 事件处理程序中调用了 `myFunction` 函数,并处理了它的返回值。 3. 在 C++ 中访问 QML 中的对象 如果你需要从 C++ 中访问 QML 中的对象,你可以使用 `QQuickItem` 类提供的 `findChild` 函数。例如: ```cpp QQuickItem *item = qmlEngine.rootObjects().value(0)->findChild<QQuickItem*>("myItem"); if (item) { // 处理 item 对象 } ``` 在上面的代码中,`qmlEngine.rootObjects()` 函数返回 QML 引擎中所有的根对象,`value(0)` 返回第一个根对象,`findChild` 函数用于查找名为 `"myItem"` 的子对象。 以上就是 QMLC++ 交互的基本步骤。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值