QML和C++信号与槽

已于 2025-04-08 10:03:27 修改
阅读量904 收藏 8
点赞数 6
文章标签： c++ 开发语言 qt
于 2025-03-28 16:09:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Path_of_programm/article/details/146600889
版权

一.QML发送信号C++部分响应槽函数

        1.首先注册一个响应槽函数的类对象

                1.创建一个继承自Qbject类的类   

                     

                2. 我们需要使他让QML能认识，加入下面两句即可

                     ①包含头文件#include <QtQML>  

                     ②在类属性中加入QML_ELEMENT

                3.添加槽函数，权限设置为公有的public slots:

                

                 

                 4.注册类型  加入 qmlRegisterType<MyObject>("MyObj",1,0,"MyObject");

                MyObject 是类名， MyObj是模块名 ，1版本号，0是此版本号，MyObject是类名

                5.在qml文件中引入类型模块

                注册完成

              2.获取QML对象

                在main.cpp中 加入下面的代码，要在load函数之后

auto list = engine.rootObjects(); // 获取qml的对象
auto window = list.first();       // 拿到根对象
MyObject* test = new MyObject;    // 实例化我们cpp响应槽函数的对象
// 下面链接信号与槽，没啥说的
QObject::connect(window,SIGNAL(getcontentsig(QString)),test,SLOT(CppSlotAccept(QString)));

                3.编写QML代码

                        1.添加信号,添加发送信号的按钮

import QtQuick
import MyObj 1.0
import QtQuick.Controls 2.15
Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")
    objectName: "window"
    id:mywindow
    signal getcontentsig(string str)

    Button{
        width:60
        height: 60
        x:50
        y:100
        onClicked: {
            mywindow.getcontentsig("发送数据");
        }
    }
}

     到这一步就完成了！！

objectName

objectName: "window"  我们每个qml生成的控件都可以拥有自己的objectName

通过以下代码

auto list = engine.rootObjects();
auto objName= list.first()->findChildren<QObject* >("MyRectangle");
//通过这种方法我们可以找到objectname 是MyRectangle控件

二.C++发送信号QML部分响应槽函数

        1.创建一个继承自Qbject类的类   

        2.我们需要使他让QML能认识 ，同上面的方法

        3.添加信号

        

       发送信号代码

        4.在main函数正常加入注册类型 

        qmlRegisterType<MyObject>("MyObj",1,0,"MyObject");

#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include "myobject.h"
int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);

    QQmlApplicationEngine engine;
    MyObject* test = new MyObject;

    qmlRegisterType<MyObject>("MyObj",1,0,"MyObject"); // 加入这句话

    QObject::connect(
        &engine,
        &QQmlApplicationEngine::objectCreationFailed,
        &app,
        []() { QCoreApplication::exit(-1); },
        Qt::QueuedConnection);
    engine.loadFromModule("TestProject", "Main");

    return app.exec();
}

                

5.在QML中引入模块 import MyObj 1.0

        QML部分代码  通过按钮触发func函数，func函数里面发送信号进而触发qml中的槽函数

import QtQuick
import MyObj 1.0
import QtQuick.Controls 2.15
Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")
    objectName: "window"
    id:mywindow
    function putcontentslot(str)
    {
        console.log("QML: "+str)
    }
    Button{
        width:60
        height: 60
        x:50
        y:100
        onClicked: {
            myobj.func()
        }
    }
    MyObject{
        id:myobj
    }

    Connections{
        target: myobj
        function onCppSig(str)
        {
           putcontentslot(str)
        }
    }
}

        完成了

        方法二：使用connect在cpp部分绑定需要注意的点是Cpp信号参数必须是QVariant

        1.按照上述方法创建一个C++ 类继承自QObject  

         2.注册一个单例

// .h   文件
public:
    static MySerialPort*  GetInstance();


// .cpp 文件
// 单例模式
MySerialPort *MySerialPort::GetInstance()
{
    static MySerialPort * instance = new MySerialPort();

    return instance;
}


// 之后在main函数中加入
//qmlRegisterSingletonInstance<类名>
//("qml引入模块名",版本号,次版本号,"类名",实例化对象);

qmlRegisterSingletonInstance<MySerialPort>("MySerial",1,0,"MySerialPort",MySerialPort::GetInstance());

         3.定义信号，这部分我卡了很长时间，最后才发现参数必须是QVariant

signals:
    void cppSig(QVariant str,QVariant index); // 定义的信号

        4.绑定信号

 // 绑定信号与槽 

    QObject::connect(MySerialPort::GetInstance(), SIGNAL(cppSig(QVariant, QVariant)), window, SLOT(iniport(QVariant, QVariant)));

        附完整代码

        .h 文件

#ifndef MYSERIALPORT_H
#define MYSERIALPORT_H

#include <QObject>
#include <QDebug>

class MySerialPort : public QObject
{
    Q_OBJECT
public:
    explicit MySerialPort(QObject *parent = nullptr);
    ~MySerialPort();
    static MySerialPort*  GetInstance();
    void receiveHander(QString str, int index);  // 发射信号的函数
signals:
    void cppSig(QVariant str,QVariant index);    // 发射信号
};

.cpp

MySerialPort::MySerialPort(QObject *parent)
    : QObject{parent}
{

}
// 单例模式
MySerialPort *MySerialPort::GetInstance()
{
    static MySerialPort * instance = new MySerialPort();

    return instance;
}

// 这部分函数发射信号
void MySerialPort::receiveHander(QString str, int index)
{
    //qDebug()<<str<<index;
    emit cppSig(str,index);
    qDebug()<<"myser:"<<str<<" "<<index;
}

 main.cpp

#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include "myserialport.h"
#include <QObject>

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

    QQmlApplicationEngine engine;

    qmlRegisterSingletonInstance<MySerialPort>("MySerial",1,0,"MySerialPort",MySerialPort::GetInstance());

    QObject::connect(
        &engine,
        &QQmlApplicationEngine::objectCreationFailed,
        &app,
        []() { QCoreApplication::exit(-1); },
        Qt::QueuedConnection);
    engine.loadFromModule("fireProject", "Main");



    auto list = engine.rootObjects(); // 获取qml的对象
    auto window = list.first();       // 拿到根对象
   
    // 绑定信号与槽  iniport QML 执行槽函数
    QObject::connect(MySerialPort::GetInstance(), SIGNAL(cppSig(QVariant, QVariant)), window, SLOT(iniport(QVariant, QVariant)));
    return app.exec();
}

       .qml部分    

import QtQuick
import QtQuick.Controls 2.15
import MySerial 1.0


Window {
    id:root
    width: 800
    height: 480
    visible: true
    title: qsTr("Hello World")
//初始化部分检测指令绑定部分

    function iniport(str,index){
        console.log(str,index);
    }

}

        方法三：使用Connects连接 直接上代码

        .h

#include <QObject>

class MyObj : public QObject
{
    Q_OBJECT
public:
    explicit MyObj(QObject *parent = nullptr);
    static MyObj* getinstance();
signals:
    void cppSig(QString str, int index);
};

.cpp 

#include "myobj.h"

MyObj::MyObj(QObject *parent)
    : QObject{parent}
{}

MyObj *MyObj::getinstance()
{
    static MyObj* my = new MyObj;
    return my;
}

.qml 

import QtQuick
import MyObj123 1.0
import QtQuick.Controls 2.15
Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    function qmlslot(str,index){
        console.log(str,index);
    }
    Button{
        width: 50
        height: 50
        x:100
        y:100
        onClicked: {
            MyObj.cppSig("Test",123);
        }
    }

    Connections{
            target: MyObj
            function onCppSig(ii,ss){
                qmlslot(ii,ss)
            }
        }

}

 main.cpp

#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include "myobj.h"
int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);
    qmlRegisterSingletonInstance("MyObj123",1,0,"MyObj",MyObj::getinstance());
    QQmlApplicationEngine engine;
    QObject::connect(
        &engine,
        &QQmlApplicationEngine::objectCreationFailed,
        &app,
        []() { QCoreApplication::exit(-1); },
        Qt::QueuedConnection);
    engine.loadFromModule("Testconnect1", "Main");

    return app.exec();
}

 但是我自己多线程去写代码的时候，发现这种方法貌似有些问题，无法触发我想要的结果

三.QML如何直接调用C++部分的代码     

        1.注册C++类方法上面已经说了

        2.在C++类中加入调用函数

        3.在调用函数前加入关键字Q_INVOKABLE

        

        qml部分代码我直接粘贴了

import QtQuick
import MyObj 1.0
import QtQuick.Controls 2.15
Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")
    MyObject{
        id:myo
    }

    Button{
        width:60
        height: 60
        x:50
        y:100
        onClicked: { 
            myo.func();
        }
    }
}

qt下qml和c++交互信号槽机制测试
qq_43667028的博客
01-25 338
qt下qml和c++交互信号槽机制测试
QML信号，连接C++槽
guo2538377的博客
10-17 676
QML发送信号，C++对象连接
QML笔记-对QML中信号与槽的基本认识
IT1995的博客
06-03 6396
目录 基本概念 演示及实例 基本概念 首先是信号的声明，如下： Rectangle{ id: rectangleId signal greet(string message) ... } 当声明一个信号后会自动生成一个on<SignalName>这个槽函数（这种是JavaScript代码） 使用下面的方式也可以关联信号...
Qml与C++信号槽交互
youthshadows的博客
10-05 960
步骤和widgets项目创建c++类一样，如果使用场景可以确定为全局唯一，我们可以直接创建单例。#endifif (!//注册在engine.load(url)之前注册，尤其是注册静态实例时，需要确保qml加载时该静态对象已经实例化。Window {width: 640MyObject{id: myobj//当value以 = 号赋值的方式，将变成静止的值QT的特色之一就是信号槽了，使用信号槽可以使编程变得极为灵活。
qml与c++信号槽的交互
TiredWind的博客
02-14 6888
qml接收c++信号 在qml代码中接收信号时，不需要再写槽函数，直接在目标信号前加on即可。如发送过来的信号为nameChanged(const QString &name)，则在qml中这样写即可： // 针对于类名中 TestData { // qmlRegisterType注册的类名 id: testData; onNameChanged: { // 需要执行的操作 console.log("Received th
Qt:QML:QML于C++交互之信号与槽(signal&slot )
热门推荐
云淡风轻
12-25 1万+
connect c++ SIGNAL with QML SLOT连接qml中信号与函数 Component.onCompleted: { //qml 信号连接 qml函数 sendMessageSigal.connect(getMessage); }连接 qml中函数与c++中信号 Connections {
Qt5.15 QML与C++的信号与槽交互
qq_39808061的博客
08-07 663
1.定义一个C++类 /* H文件 */ class test_cpp : public QObject { Q_OBJECT QML_ELEMENT public: explicit test_cpp(QObject *parent = nullptr); signals: void sendSignal(int x); public slots: void getSignal(int x); }; /* C 文件
QT QML信号与信号槽详解
06-20
总结来说，QT QML的信号与信号槽机制是一种强大而灵活的通信方式，它使得C++和QML对象间的交互变得简单易懂。理解和熟练掌握这一机制，对于开发高质量的Qt应用程序至关重要，无论是在桌面环境还是移动平台，它都能极...
QML信号连接到c++的槽函数（五）
lh0616的博客
06-03 752
本文主要介绍，如何将QML 中的信号连接到C++ 中的槽函数软硬件环境：硬件：PC软件：windows11 Qt5.12.2QML 中 信号和槽函数的连接有多种方式，要根据实际情况来选择；通过 signal + onSignal 这种方式，可以实现 C++ 调用 qml 的功能；
QML与C++通信
weixin_43527214的博客
03-16 1383
要注册一个 QML 类型，有多种方法可用，如 qmlRegisterSingletonType() 用来注册一个单例类型， qmlRegisterType() 注册一个非单例的类型， qmlRegisterTypeNotAvailable() 注册一个类型用来占位， qmlRegisterUncreatableType() 通常用来注册一个具有附加属性的附加类型。一旦导出了一个类，在 QML 中就必然要访问该类的实例的属性或方法来达到某种目的，而具有什么特征的属性或方法才可以被 QML 访问呢？
qt-signal-slot:使用信号和槽将 QML 连接到 C++
07-02
连接 Qt QML 和 C++ 概述 该程序演示了如何通过 Qt 信号和槽连接 QML 和 C++。 它通过在 QML 中嵌入 C++ 代码作为上下文属性而不是显式连接信号和槽来实现这一点。 当程序启动时，C++ 部分向 QML 发送一个信号，包括一个参数。 该信号仅发送一次。 当用户点击窗口区域时，一个信号从 QML 发送到 C++ 插槽。 观察控制台输出，看看它是否有效。 安装 这个程序需要一个有效的 Qt5 安装。 它已使用 5.3 和 5.4 版进行了测试。 为了编译和运行程序，请执行以下命令。 qmake signal_slot.pro make ./signal_slot 或者，可以将项目加载到 Qt Creator 并从那里启动。 更多文档 此源代码属于我们网站上的。
qt工程调用响应qml信号，触发qml槽函数
12-09
qt工程中引用qml，并能接受qml发出的信号，也能在cpp中发出信号，触发qml中的槽函数。工程中各举了一个简单的例子，代码简洁易懂。
QML与C++中信号和槽的使用
LC900730的博客
08-30 3040
信号与槽//Gemini.h class Gemini:public Q_Object{ Q_OBJECT signals: void begin() public slots: void doSomething(){ qDebug()<<"Gemini ::doSomething() called";
qml和c++的信号与槽交互
edge0的博客
04-13 166
当一个qml嵌入到一个c++界面时，可以直接进行信号和槽的连接，如果MainPage.qml引用了一个自定义的类，如CameraSet.qml时，在CameraSet.qml界面发出信号时，就会发生没有这个信号的错误。此时需要在进行了嵌入操作的MainPage进行一个转发信号的操作。记录一下，以备以后查阅。
Qml与C++交互3：Qml的信号与C++的槽函数连接
上官宏竹的专栏
05-26 2771
Qml与C++交互3：Qml的信号与C++的槽函数连接1、C++槽函数实现2、Qml控件增加`objectName`属性3、C++找到Qml控件实例4、连接信号和槽5、自定义带参信号Qml自定义信号C++槽函数定义信号和槽的连接运行结果 通过将qml中的信号连接到C++对象的槽函数中，完成某些事件的相应。 总体思路：在C++类中增加一个槽函数，然后通过引擎的findChild根据名称查找到对应的qml控件对象指针，然后将qml控件的信号与C++的槽函数连接起来。 1、C++槽函数实现 class MyCla
qml与c++交互通信(三)c++端发送信号并绑定qml端槽函数
最新发布
qq_42558591的博客
06-28 797
因此我们换成在c++端触发信号，这个也比较简单，使用emit关键字就可以了。做法如下：在Q_INVOKABLE修饰的函数中触发信号，fun()方法的代码如下：并在qml端代码调用fun()方法就可以了。在button按钮的点击事件后，调用这个函数。
Qml调用C++方法，属性，信号，槽
xuyushiguang的博客
01-06 2222
创建一个类，定义属性和方法，信号，槽 #ifndef QMLOBJ_H #define QMLOBJ_H #include <QObject> #include<qdebug.h> class QmlObj: public QObject { Q_OBJECT //这个宏定义必须写这里 //在qml中可以访问c++中的属性，方法，信号和槽 //访问属性要使用Q_PROPERTY注意写法,比如访问age这个属性， //READ: qml获取age的值，WRITE:qml
c++和qml信号和槽互相通信
xuyushiguang的博客
02-03 683
qml信号绑定c++的槽函数 c++代码： 1，在c++定义个槽函数 public slots: void doDecode(void); qml代码： 1，在qml中定义一个信号： signal startDecode() 2绑定c++的槽，xxx是注册到qml的c++对象 Component.onCompleted: { startDecode.connect(xxx.doDecode) } c++信号绑定到qml的槽函数 c++代码： 1，在c++中定义一个信号 s
C++与QML2信号和槽集成应用实例解析
资源摘要信息:"本资源为一个演示如何在QML2与C++之间通过信号和槽进行交互的示例项目。项目展示了如何定义信号、发射信号以及如何在C++代码中连接和处理来自QML的信号。读者通过此示例可学习到如何将QML界面元素与...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值