C++ 调用Qml方法

最新推荐文章于 2024-10-06 16:26:44 发布

BUG_C++

最新推荐文章于 2024-10-06 16:26:44 发布

阅读量2.1k

点赞数 2

分类专栏： Qt Qml 文章标签： c++ qt

本文链接：https://blog.csdn.net/u013052326/article/details/125825175

版权

Qt 同时被 2 个专栏收录

14 篇文章 6 订阅

订阅专栏

Qml

2 篇文章 0 订阅

订阅专栏

本文介绍了在QML和QWidget混合开发中，如何从C++层面直接修改QML组件的属性和调用QML中的函数。通过设置QML对象的objectName属性，可以在C++中使用Qt的元对象系统找到对应的QML对象，然后通过setProperty方法修改属性，或者使用QMetaObject::invokeMethod来调用QML中的函数。示例代码展示了如何修改图片源和调用更新源函数。

摘要由CSDN通过智能技术生成

前言

在Qml和QWidget混合开发中，少不了C++与qml的互相调用，之前总结了一下在qml中调用c++的方法，那反过来如何在业务逻辑中直接修改qml呢？
qml调用c++总结

C++调用QML

C++调用Qml，主要可以分为两种

修改属性
调用qml中的函数
那如何让C++知道具体要修改or调用的Qml是什么呢？
把要修改的qml控件，增加“objectName”属性，这样，就可以在Qt的元对象系统中进行查找

import QtQuick 2.12
import QtQuick.Window 2.14
import QtQuick.Controls 2.14
import QtQuick.Controls.Styles 1.4
Rectangle {
    color: "gray"
    radius:10
    Image {
        id:background_image
        anchors.fill: parent
        fillMode: Image.PreserveAspectCrop
        source: "http://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg"
        antialiasing: true
        objectName: "image_test_obj"//能在Qt元对象中查找的关键
        function updateSource(text) {
            source=text;
            console.log("updateSource=" + source);
        }
        property int enable_see: 5
    }
}

查找的方式

//如果是通过QQuickWidget加载的
  auto cpp_qml_widget_ = new QQuickWidget();
  cpp_qml_widget_->setResizeMode(QQuickWidget::SizeRootObjectToView);
  cpp_qml_widget_->setSource(QUrl("cpp_to_qml.qml"));
  cpp_qml_widget_->show();
  ui.verticalLayout->addWidget(cpp_qml_widget_);
  auto obj_image =cpp_qml_widget_->rootObject()->findChild<QObject *>("image_test_obj");
//

假设我们要修改一个这个image的背景，我们就通过两种方式分别实现该功能

直接访问Qml控件属性

通过setProperty进行更改item原有的属性及自定义的property

{
  auto obj_image = cpp_qml_widget_->rootObject()->findChild<QObject *>("image_test_obj");
  obj_image->setProperty(
      "source",
      "http://image.nbd.com.cn/uploads/articles/images/673466/500352700_banner.jpg");
  auto enable_see= obj_image->property("enable_see").toInt();//5
}

访问Qml中的函数

访问函数是通过QMetaObject::invokeMethod
这里有个注意点，在qml中不支持函数名首字母大写，务必小写

{
auto obj_image =
    cpp_qml_widget_->rootObject()->findChild<QObject *>("image_test_obj");
  QMetaObject::invokeMethod(
     obj_image, "updateSource",
      Q_ARG(QVariant,
         "http://image.nbd.com.cn/uploads/articles/images/673466/500352700_banner.jpg"));
}