C++与QML 信号与槽交互

已于 2023-06-27 15:06:37 修改
阅读量1.7k 收藏 5
点赞数 2
分类专栏： C++ 文章标签： c++ qml
于 2023-06-27 14:29:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47328424/article/details/131412013
版权

一、全局属性

在main.cpp中通过 QQmlApplicationEngine engine 获得全局对象

QQmlApplicationEngine engine;    
//全局对象  上下文对象    
QQmlContext* context = engine.rootContext();      
 //获取屏幕的大小     
Screen *screen= QGuiApplication::primaryScreen();     
QRect rect=   screen->virtualGeometry(); //整个屏幕的大小     
//注册的上下文对象 它是作用于全局 有重命名的风险     
context->setContextProperty("SCREEN_WIDTH",rect.width()/2); //设置全局属性 所有QMl文件都能访问得到的

在qml中使用  SCREEN_WIDTH  全局属性

 width: SCREEN_WIDTH    //screen.desktopAvailableWidth 获取整个屏幕的宽度

二，创建自定义对象，在QMl中使用

1.创建一个MyObject类

 2.在myobject.h中定义一些属性，以便在qml中可以使用 并为每个属性添加读写的方法和相应的信号

class MyObject : public QObject
{    Q_OBJECT
      public:   
       explicit MyObject(QObject *parent = nullptr);    
      int iValue() const;
   void setIValue(int iValue);
   QString sString() const;    
  void setSString(const QString &sString);    
//定义一个函数 加Q_INVOKABLE 就可以让qml访问    
Q_INVOKABLE void  func();

private:    
//生成get 和set 方法   
 int m_iValue;   
 QString m_sString;  
 
//宏    
//第一种方式    
//声明一个名称 int iValue  想是QMl 中width    
//READ iValue --->通过那个函数读的    
// WRITE setIValue---》通过那个函数写的    
//NOTIFY iValueChanged 当前这个值修改会发出iValueChanged信号   
/* Q_PROPERTY(int iValue READ iValue WRITE setIValue NOTIFY iValueChanged)    Q_PROPERTY(QString sString READ sString WRITE setSString NOTIFY sStringChanged)*/   //第二种方式   
 Q_PROPERTY(int iValue MEMBER m_iValue NOTIFY iValueChanged)    
Q_PROPERTY(QString sString MEMBER m_sString NOTIFY sStringChanged)

public slots:    
//槽函数    
void ccpSlot(int i,QString str); 
signals:    
void iValueChanged();    
void sStringChanged();    
//定义一个信号，在qml中绑定槽函数    
void cppSig(QVariant i,QVariant s);
};

2.在myobject.cpp中实现

#include "myobject.h"

MyObject::MyObject(QObject *parent) : QObject(parent)
{

}

MyObject *MyObject::getInstance()
{
    static MyObject * obj = new MyObject();
    return obj;
}

int MyObject::iValue() const
{
    return m_iValue;
}

void MyObject::setIValue(int iValue)
{
    if(m_iValue == iValue)
        return;

    m_iValue = iValue;
    //发出信号
    emit iValueChanged();
}

QString MyObject::sString() const
{
    return m_sString;
}

void MyObject::setSString(const QString &sString)
{
    if(m_sString == sString)
        return;
    m_sString = sString;
    emit sStringChanged();
}

void MyObject::func()
{
    emit cppSig(101,"王五"); //发送信号
    qDebug()<<__FUNCTION__;//当前函数名称

}

void MyObject::ccpSlot(int i, QString str)
{
     qDebug()<<__FUNCTION__<<"  "<<i<<" "<<str;
}

3.在main.cpp中访问 定义这个复杂的类型

有两种方式

#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QQmlContext>
#include <QScreen>
#include <myobject.h>
#include <QObject>
int main(int argc, char *argv[])
{
    QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);

    QGuiApplication app(argc, argv);

    QQmlApplicationEngine engine;
    //
    //全局对象  上下文对象
    QQmlContext* context = engine.rootContext();

    //获取屏幕的大小
     QScreen *screen= QGuiApplication::primaryScreen();
     QRect rect=   screen->virtualGeometry(); //整个屏幕的大小
     //注册的上下文对象 它是作用于全局 有重命名的风险
     context->setContextProperty("SCREEN_WIDTH",rect.width()/2); //设置全局属性 所有QMl文件都能访问得到的
     //qml中就可以访问这个对象myObjectOO
     //但是qml 并不能认识这个这个复杂的类型

     //方式一
     //context->setContextProperty("myObjectOO",MyObject::getInstance());//一般不用这个方法

     //方式二
     //四个参数
     //第一个参数是qml中导入的名称 import HelloMyObj 1.0
     //第二个第三个参数分别是主次版本号；第四个指的是QML中类的名字。
     //qmlRegisterType<MyObject>("HelloMyObj",1,0,"MyObject");
     //我们一定要通过创建对象来定义一个我们自定义的object

     //创建一个全局的单例的模式
     qmlRegisterSingletonInstance("HelloMyObj",1,0,"MyObject",MyObject::getInstance());


///
    //地址
    const QUrl url(QStringLiteral("qrc:/CPPSlotSignal.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);

/
    //C++端绑定qml中发出的信号
    //engine 加载完成后 load以后
    auto list = engine.rootObjects(); //返回CPPSlotSignal.qml 中所有的对象
    //auto objectName = list.first()->objectName();
   // auto btnName = list.first()->findChild<QObject *>("btnClick");
   // qDebug()<<btnName;
    auto window = list.first();
    //绑定
    QObject::connect(window,SIGNAL(qmlSig(int,QString)),
                     MyObject::getInstance(),SLOT(ccpSlot(int,QString)));
    //绑定
    QObject::connect(MyObject::getInstance(),SIGNAL(cppSig(QVariant,QVariant)),
                    window,SLOT(qmlSlot(QVariant,QVariant)));

///
    return app.exec();
}

4.在qml中访问

需要导入对象名和主次版本号 ，才能正式使用

import HelloMyObj 1.0

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

import HelloMyObj 1.0

Window {
    id: window

    property int value: myobj.ivalue
    visible: true
    width: 640
    height: 480
    title: qsTr("hello")


  MyObject{
       id: myobj

       iValue:20

      sString:"hello"
  }

onValueChanged:

{

  console.log(value)

}

Button{

onClicked: {

   myobj.iValue = 20

}


}

三、QML端发送信号，绑定c++端的函数

1.在qml写好信号，并发出

Window {    
id: window   
 objectName: "window"   
 visible: true   
 width: 640    
height: 480    
title: qsTr("QML端发送信号，绑定c++端的函数")
//信号   
 signal qmlSig(int i,string s)   
 Button {        
 objectName: "btnClick"        
onClicked: {           
  //发送信号          
 qmlSig(22,"hello")           
       
}    
}

2.在类中定义槽函数

public slots:    
//槽函数    
void ccpSlot(int i,QString str);

实现

void MyObject::ccpSlot(int i, QString str)
{    
 qDebug()<<__FUNCTION__<<"  "<<i<<" "<<str;
}

3.绑定信号与槽函数

3.1在main.cpp绑定----C++端绑定qml中发出的信号

//engine 加载完成后 load以后    
auto list = engine.rootObjects(); //返回CPPSlotSignal.qml 中所有的对象    
//auto objectName = list.first()->objectName();   
// auto btnName = list.first()->findChild<QObject *>("btnClick");   
// qDebug()<<btnName;    
auto window = list.first();    
//绑定    
QObject::connect(window,SIGNAL(qmlSig(int,QString)),                                    MyObject::getInstance(),SLOT(ccpSlot(int,QString)));

3.2在qml端绑定C++类的槽函数  两种方式

 MyObject{
 id: myobj
 }    
//连接C++中槽函数    
//1.   
 /*Connections{        
target: window //发出者        
function onQmlSig(i,str){           
 myobj.ccpSlot(i,str)        
}    
} 
 */   
 //2.在组件完成时与连接   
/* Component.onCompleted: {       
 qmlSig.connect(myobj.ccpSlot)    
}    */

四、c++端发出信号，qml端绑定槽函数

1.myobject.h的定义信号

//定义一个信号，在qml中绑定槽函数   
 void cppSig(QVariant i,QVariant s);

2.在qml中定义槽函数

    function qmlSlot(i,s){  // 参数类型 对应CPP端 都是QVariant                   console.log("qml",i,s)    
}

3.绑定

3.1c++端绑定

auto list = engine.rootObjects();
auto window = list.first(); QObject::connect(MyObject::getInstance(),SIGNAL(cppSig(QVariant,QVariant)),                      window,SLOT(qmlSlot(QVariant,QVariant)));

3.2qml端绑定

Connections{            
target: MyObject //发出者            
function onCppSig(i,str){               
 qmlSlot(i,str)       
     }

4.可以不用在qml实现MyObject 对象，只需要在main中创建一个全局的单例的模式

 qmlRegisterSingletonInstance("HelloMyObj",1,0,"MyObject",MyObject::getInstance());

五、C++端直接调用QML函数

1.qml中写函数


    function qmlFunc(i,s){
        return " are you ok?"
    }

2.在main.cpp中调用

auto list = engine.rootObjects(); //返回CPPSlotSignal.qml 中所有的对象
auto window = list.first();
//调用QML端的函数    
//第一参数，拥有者  第二参数 函数名称 第三参数 保存到哪  后面就是要传递的参数   
 QVariant resFunc;    
QVariant arg_1 = 123;    
QVariant arg_2 = "I am fine ";    
QMetaObject::invokeMethod(window,"qmlFunc",                              Q_RETURN_ARG(QVariant,resFunc),                                     Q_ARG(QVariant,arg_1),     
Q_ARG(QVariant,arg_2));
qDebug()<<"res = "<<resFunc;

3.在qml中调用c++中的函数

3.1在myobject.h中定义

//定义一个函数 加Q_INVOKABLE 就可以让qml访问    
Q_INVOKABLE void  func();

3.2在qml中使用

 Button {        
objectName: "btnClick"       
 onClicked: {  
 MyObject.func()       
 }    
}
RUNA22
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
QT qml的入门使用
道亦无名
08-03 887
结构如下： main.cpp代码： #include <QGuiApplication> #include <QQmlApplicationEngine> int main(int argc, char *argv[]) { QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling); QGuiApplication app(argc, argv); QQmlApplicationEngine
QML与C++混合编程详解(QML与c++信号与槽的操作)
细雨纷飞~~~
05-05 2160
1、QML与C++为什么要混合编程 QML与C++为什么要混合编程，简单来说，就是使用QML高效便捷地构建UI，而C++则用来实现业务逻辑和复杂算法，下面介绍了两者间交互的方法与技巧。 2、QML访问C++概述 Qt集成了QML引擎和Qt元对象系统，使得QML很容易从C++中得到扩展，在一定的条件下，QML就可以访问QObject派生类的成员，例如信号、槽函数、枚举类型、属性、成员函数等。 ...
Qml与C++信号槽交互
youthshadows的博客
10-05 539
步骤和widgets项目创建c++类一样，如果使用场景可以确定为全局唯一，我们可以直接创建单例。#endifif (!//注册在engine.load(url)之前注册，尤其是注册静态实例时，需要确保qml加载时该静态对象已经实例化。Window {width: 640MyObject{id: myobj//当value以 = 号赋值的方式，将变成静止的值QT的特色之一就是信号槽了，使用信号槽可以使编程变得极为灵活。
QML信号连接到c++的槽函数（五）
最新发布
lh0616的博客
06-03 596
本文主要介绍，如何将QML 中的信号连接到C++ 中的槽函数软硬件环境：硬件：PC软件：windows11 Qt5.12.2QML 中 信号和槽函数的连接有多种方式，要根据实际情况来选择；通过 signal + onSignal 这种方式，可以实现 C++ 调用 qml 的功能；
Qt QML 与 C++ 交互 信号与槽 属性 注册等初学者手册
你学习了吗？咋办，先想法子忽悠成“砖家”呗
08-02 2451
前言   QML 是一套 QT 开发前端显示的软件，其最大特色就是基于 Qt 的宏系统实现了与 C++ 及 Javascript 交互和连接，本篇主要讲解 QML 与 C++ 的交互（ QML 调用 C++），至于 C++ 调用 QML 部分相对比较简单查看官方文档即可   很多 C++ 与 QML 以及 Javascript 的变量，宏系统会自动进行切换 目录结构 官方文档 Official ...
QML与C++交互QML与C++交互
03-16
QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++...
c++与QML相互通信 数据交互
01-10
1. **使用信号**：在QML中，你可以创建信号并通过`Connections`组件连接到C++的槽函数。 ```qml import QtQuick 2.0 import "." Item { MyData { id: data myInt: 10 } Button { text: "Increase Int" ...
QT QML信号与信号槽详解
06-20
总结来说，QT QML的信号与信号槽机制是一种强大而灵活的通信方式，它使得C++和QML对象间的交互变得简单易懂。理解和熟练掌握这一机制，对于开发高质量的Qt应用程序至关重要，无论是在桌面环境还是移动平台，它都能极...
qml与C++交互代码
01-24
例如，`untitled33.qml`可能是一个包含QML组件的文件，而`untitled33.cpp/h`则可能是实现了与QML交互的C++类。 总结来说，QML与C++的交互涉及多个层面，包括但不限于：设置上下文属性、动态加载QML组件、注册自定义...
Qml与C++通信交互
11-21
4. **信号与槽**：Qt的信号和槽机制是C++与QML之间通信的重要桥梁。在C++中定义的信号可以在QML中连接到槽，反之亦然。这使得异步操作和状态更新变得简单。 5. **QJSValue和QJSEngine**：对于更底层的交互，可以...
基于qml开发触摸屏效果软件方法
10-10
快速开发触摸软件的法宝，基于手机和人机开发均支持。
QML 与C++交互详解
希望能帮助大家，希望大家多多支持，你们的支持是我前进的动力。
03-16 3236
1.Qt 的元对象系统Qt 的元对象系统（Meta-Object System）提供了对象之间通信的信号与槽机制、运行时类型信息和动态属性系统。在一个类的 private 部分声明 Q_OBJECT宏，使得类可以使用元对象的特性，如动态属性、信号与槽。自定义一个C++类 MyObject 对象，有两个成员变量m_value和m_str，分别对应一个set和一个get方法，还有一个信号，还是使用上面的类，首先在C++中增加一个槽函数，打印一些信息。还是使用上面的类，首先在C++中增加一个信号。
C++自定义信号和QML的槽函数建立连接
晓琴儿
07-16 435
C++自定义信号和QML的槽函数建立连接
QML(11)——qml界面之间通信方式详解
wangpailiulanqi8的博客
10-19 1480
上述 on<Property>Changed 和 on<Signal> 都是属于无条件的信号传递。响应信号的代码都放在元素内部，通过JS代码块就地实现。如果需要在某些条件下才建立信号机制，则使用connect。如果绑定时，组件还未初始化完成，绑定动作会失效。属性传递分为组件默认属性 和 自定义属性。子界面可以直接调用父界面的全部组件/属性。前两条，connect具有同样的效果。分为组件默认属性 和 自定义属性。满足某些条件时，才进行绑定动作。点击方框后，才开始属性绑定。在组件初始化后，一直绑定。
关于Qt/C++和QML获取屏幕大小方法的总结
Shado_walker的专栏
04-27 5573
在桌面应用程序的开发过程中，获取屏幕（桌面）的大小来定位桌面应用所显示的位置，是桌面开发中经常用到的 手段，在Qt开发和QML开发中也不例外，本篇着重介绍Qt获取桌面屏幕大小的两种方法，以及对应的QML中获取桌面屏幕 大小的两种方法。 首先上图，说明一下屏幕桌面的区域划分： 如图： 一、Qt/C++获取桌面屏幕大小：     （1）、包含头文件     #include    
QML笔记(二)之QML添加控件与绑定信号槽
我是黄同学博客
05-06 1048
一.前言 虽然采用QML进行开发，但是依旧属于Qt的范围，控件的使用与对应的信号使用仍然是核心，毕竟Qt就是一个界面库，然后他的核心就是信号槽 二.添加控件 1.QML的控件添加都是以控件名称+属性的方式进行添加的，楼主认为有点像CSS，控件的位置可以利用属性x y进行设置 2.举例 import QtQuick 2.8 import QtQuick.Window 2.2 import QtQuick.Controls 2.1 import QtQuick.Controls.Material 2.1 Wi
QML和C++混合编程--QML中的全局对象
落尘飞
06-04 2337
QML中的全局对象包含了所有JavaScript全局对象 的属性，以及Qt对象、XMLHttpRequest对象、离线存储接口和记录输出函数（console.log()和console.debug()）。对于XMLHttpRequest和离线存储接口的介绍，可以在Qt帮助中参考本节对应的QML Global Object文档。     QML全局Qt对象提供了Qt中非常有用的枚举变量和函数。Qt
qml与C++交互
05-30
QML 与 C++ 交互的过程一般分为以下几个步骤： 1. 定义 C++ 类并注册到 QML 中 你需要在 C++ 中定义一个类，该类封装了你想要实现的功能。同时，你需要使用 `qmlRegisterType` 函数将该类注册到 QML 中，以便在 ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值