百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术流 > 正文

【QML与C++混合编程】在 C++ 使用 QML 对象

citgpt 2024-07-12 09:51 22 浏览 0 评论

上两篇看过了如何在 QML 中使用 C++ 类型或对象,现在来看如何在 C++ 中使用 QML 对象。

官方文档说,所有 QML 对象类型都是源自 QObject 类型,无论它们是由引擎内部实现还是第三方定义。这意味着 QML 引擎可以使用 Qt 元对象系统动态实例化任何 QML 对象类型并检查创建的对象。

【QML与C++混合编程】在 C++ 使用 QML 对象

这对于从 C++ 代码创建 QML 对象非常有用,无论是显示可以直观呈现的 QML 对象,还是将非可视 QML 对象数据集成到 C++ 应用程序中。一旦创建了 QML 对象,就可以从 C++ 中检查它,以便读取和写入属性,调用方法和接收信号通知。

可以使用 QQmlComponentQQuickView 来加载 QML 文档。QQmlComponent 将 QML 文档作为为一个 C++ 对象加载,然后可以从 C++ 代码进行修改。QQuickView 也可以这样做,但由于 QQuickView 是一个基于 QWindow 的派生类,加载的对象也将可视化显示,QQuickView 通常用于将一个可视化的 QML 对象集成到应用程序的用户界面中。

1、代码

下面通过代码来演示。

Widget.h:

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QObject>
#include <QQuickView>
#include <QQuickItem>
#include <QMetaObject>
#include <QQmlProperty>
#include <QDebug>

namespace Ui {
class Widget;
}

class Widget : public QWidget
{
    Q_OBJECT

public:
    explicit Widget(QWidget *parent = nullptr);
    ~Widget();

signals:
    // 信号 --用来触发qml的函数
    // 注意参数为var类型,对应qml中js函数的参数类型
    void cppSendMsg(const QVariant &arg1,const QVariant &arg2);

public slots:
    // 槽函数 --用来接收qml的信号
    void cppRecvMsg(const QString &arg1,const QString &arg2);

private slots:
    void on_pushButton_clicked();

private:
    Ui::Widget *ui;

    QQuickView *view;
};

#endif // WIDGET_H

Widget.cpp:

QT开发交流+赀料君羊:714620761

#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);

    view = new QQuickView;
}

Widget::~Widget()
{
    delete ui;
}

void Widget::on_pushButton_clicked()
{
    //【1】使用QQuickView的C++代码加载QML文档,显示QML界面
    // 另外可以用QQmlComponent、QQuickWidget加载QML文档 【QQuickView不能用Window做根元素】
    view->setSource(QUrl("qrc:/main.qml"));
    view->show();

    /* 文档如是说:
    应该始终使用QObject::setProperty()、QQmlProperty
    或QMetaProperty::write()来改变QML的属性值,以确保QML引擎感知属性的变化。*/

    //【2】通过QObject设置属性值、获取属性值
    QObject *qmlObj = view->rootObject(); // 获取到qml根对象的指针
    //qmlObj->setProperty("height",300);
    QQmlProperty(qmlObj, "height").write(300);
    qDebug() << "Cpp get qml property height" << qmlObj->property("height");
    // 任何属性都可以通过C++访问
    qDebug() << "Cpp get qml property msg" << qmlObj->property("msg");

    //【3】通过QQuickItem设置属性值、获取属性值
    QQuickItem *item = qobject_cast<QQuickItem*>(qmlObj);
    item->setWidth(300);
    qDebug() << "Cpp get qml property width" << item->width();

    //【4】通过objectName访问加载的QML子对象
    // QObject::findChildren()可用于查找具有匹配objectName属性的子项
    QObject *qmlRect = qmlObj->findChild<QObject*>("rect");
    if(qmlRect) {
        qmlRect->setProperty("color", "red");
        qDebug() << "Cpp get rect color" << qmlRect->property("color");
    }

    //【5】调用QML方法
    QVariant val_return;  // 返回值
    QVariant val_arg = "GongJianBo";  // 参数值
    // Q_RETURN_ARG()和Q_Arg()参数必须制定为QVariant类型
    QMetaObject::invokeMethod(qmlObj,
                              "qml_method",
                              Q_RETURN_ARG(QVariant,val_return),
                              Q_ARG(QVariant,val_arg));
    qDebug()<<"QMetaObject::invokeMethod result"<<val_return; // qml函数中返回“ok”

    //【6】关联信号槽
    // 1.关联qml信号与cpp槽,如果信号参数为QML对象类型,信号用var参数类型,槽用QVariant类型接收
    QObject::connect(qmlObj, SIGNAL(qmlSendMsg(QString,QString)),
                     this, SLOT(cppRecvMsg(QString,QString)));
    // 2.关联cpp信号与qml槽
    // qml中js函数参数为var类型,信号也用QVariant类型
    QObject::connect(this, SIGNAL(cppSendMsg(QVariant,QVariant)),
                     qmlObj, SLOT(qmlRecvMsg(QVariant,QVariant)));
    // 此外,cpp信号也可以关联qml信号
}

void Widget::cppRecvMsg(const QString &arg1,const QString &arg2)
{
    qDebug() << "CppObject::cppRecvMsg" << arg1 << arg2;
    qDebug() << "emit cppSendMsg";
    emit cppSendMsg(arg1,arg2);
}

main.qml:

import QtQuick 2.9

Item{
    id: root
    width: 250
    height: 250
    // 自定义属性  --cpp可以访问
    property string msg: "fengMisaka"
    // 自定义信号  --可以触发cpp槽函数
    signal qmlSendMsg(string arg1,string arg2)

    // QML中的方法可以被cpp调用,也可以作为槽函数
    function qml_method(val_arg) {
        console.log("qml method runing", val_arg, "return ok")
        return "ok"
    }
    // 注意槽函数参数为var类型
    function qmlRecvMsg(arg1,arg2) {
        console.log("qml slot runing",arg1,arg2)
    }

    Rectangle {
        anchors.fill: parent
        color: "green"
        objectName: "rect" // 用于cpp查找对象
    }

    MouseArea {
        anchors.fill: parent
        onClicked: {
            console.log("qml 点击鼠标, 发送信号 qmlSendMsg")
            root.qmlSendMsg(root.msg, "myarg2")
        }
    }

    onHeightChanged: console.log("qml height changed")
    onWidthChanged: console.log("qml width changed")
}

2、效果如下

相关推荐

Linux系统中的sudo命令、APT软件包管理器以及Java开发工具包JDK

sudo命令详解:sudo命令允许用户以root权限执行命令,类似于Windows系统中的“以管理员身份运行”。这在需要系统级权限操作时非常有用。更多信息请参考:https://do...

js中arguments详解

一、简介了解arguments这个对象之前先来认识一下javascript的一些功能:其实Javascript并没有重载函数的功能,但是Arguments对象能够模拟重载。Javascrip中每个函数...

firewall-cmd 常用命令

目录firewalldzone说明firewallzone内容说明firewall-cmd常用参数firewall-cmd常用命令常用命令 回到顶部firewalldzone...

epel-release 是什么

EPEL-release(ExtraPackagesforEnterpriseLinux)是一个软件仓库,它为企业级Linux发行版(如CentOS、RHEL等)提供额外的软件包。以下是关于E...

FullGC详解  什么是 JVM 的 GC
FullGC详解 什么是 JVM 的 GC

前言:背景:一、什么是JVM的GC?JVM(JavaVirtualMachine)。JVM是Java程序的虚拟机,是一种实现Java语言的解释器。 它提供了一种独立于操作系统的运行环境,使得Java程序在任...

2024-10-26 08:50 citgpt

使用Spire.Doc组件利用模板导出Word文档
  • 使用Spire.Doc组件利用模板导出Word文档
  • 使用Spire.Doc组件利用模板导出Word文档
  • 使用Spire.Doc组件利用模板导出Word文档
  • 使用Spire.Doc组件利用模板导出Word文档
跨域(CrossOrigin)

1.介绍  1)跨域问题:跨域问题是在网络中,当一个网络的运行脚本(通常时JavaScript)试图访问另一个网络的资源时,如果这两个网络的端口、协议和域名不一致时就会出现跨域问题。    通俗讲...

微服务架构和分布式架构的区别

1、含义不同微服务架构:微服务架构风格是一种将一个单一应用程序开发为一组小型服务的方法,每个服务运行在自己的进程中,服务间通信采用轻量级通信机制(通常用HTTP资源API)。这些服务围绕业务能力构建并...

深入理解与应用CSS clip-path 属性
深入理解与应用CSS clip-path 属性

clip-pathclip-path是什么clip-path 是一个CSS属性,允许开发者创建一个剪切区域,从而决定元素的哪些部分可见,哪些部分会被隐藏。通过定义这个剪切路径(clippingpath),您可以创造出非矩形的裁剪...

2024-10-25 11:51 citgpt

HCNP Routing&Switching之OSPF LSA类型(二)
  • HCNP Routing&Switching之OSPF LSA类型(二)
  • HCNP Routing&Switching之OSPF LSA类型(二)
  • HCNP Routing&Switching之OSPF LSA类型(二)
  • HCNP Routing&Switching之OSPF LSA类型(二)
Redis和Memcached的区别详解
Redis和Memcached的区别详解

Redis的作者SalvatoreSanfilippo曾经对这两种基于内存的数据存储系统进行过比较:1.Redis支持服务器端的数据操作:Redis相比Memcached来说,拥有更多的数据结构和并支持更丰...

2024-10-25 11:51 citgpt

Request.ServerVariables 大全

Request.ServerVariables("Url")返回服务器地址Request.ServerVariables("Path_Info")客户端提供的路...

python操作Kafka

目录一、python操作kafka1.python使用kafka生产者2.python使用kafka消费者3.使用docker中的kafka二、python操作kafka细...

Runtime.getRuntime().exec详解

Runtime.getRuntime().exec详解概述Runtime.getRuntime().exec用于调用外部可执行程序或系统命令,并重定向外部程序的标准输入、标准输出和标准错误到缓冲池。...

promise.all详解 promise.all是干什么的
promise.all详解 promise.all是干什么的

promise.all详解promise.all中所有的请求成功了,走.then(),在.then()中能得到一个数组,数组中是每个请求resolve抛出的结果。promise.all中只要有一个失败了,走.catch(),在.catch(...

2024-10-24 16:21 citgpt

取消回复欢迎 发表评论: