QT之QML从入门到醒目（第七章）

曹旭辉  论坛元老 | 2024-11-16 06:36:52 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题
楼主

主题 1781|帖子 1781|积分 5343

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要 登录 才可以下载或查看，没有账号？立即注册

x
QML与C++交互

使用全局对象

main.cpp

  1. #include <QGuiApplication>
  2. #include <QQmlApplicationEngine>
  3. #include <QQmlContext>
  4. #include <QScreen>
  5. #include <QRect>
  6. int main(int argc, char *argv[])
  7. {
  8.     QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
  10.     QGuiApplication app(argc, argv);
  12.     QQmlApplicationEngine engine;
  13.     //全局对象，上下文对象
  14.     QQmlContext* context = engine.rootContext();
  15.     QScreen*screen =  QGuiApplication::primaryScreen();
  16.     QRect rect = screen->availableGeometry();
  17.     context->setProperty("SCREEN_WIDTH",rect.width()/2 ); // 定义一个全局的属性可以给qml去使用
  19.     const QUrl url(QStringLiteral("qrc:/main.qml"));
  20.     QObject::connect(&engine, &QQmlApplicationEngine::objectCreated,
  21.                      &app, [url](QObject *obj, const QUrl &objUrl) {
  22.         if (!obj && url == objUrl)
  23.             QCoreApplication::exit(-1);
  24.     }, Qt::QueuedConnection);
  25.     engine.load(url);
  27.     return app.exec();
  28. }
复制代码
main.qml

  1. import QtQuick 2.12
  2. import QtQuick.Window 2.12
  3. import QtQuick.Controls 2.12
  5. Window {
  6.     visible: true
  7.     width: SCREEN_WIDTH //从main.cpp中拿到这个变量的值
  8.     height: screen.desktopAvailableHeight/2 //screen可以获取到屏幕的相关大小。
  9.     title: qsTr("Hello World")
  12. }
复制代码
使用qmlRegisterType模板类

myobject.cpp

  1. #include "myobject.h"
  3. MyObject::MyObject(QObject *parent) : QObject(parent)
  4. {
  6. }
  8. MyObject *MyObject::getInst()
  9. {
  10.     static MyObject* obj = new MyObject;
  11.     return obj;
  12. }
  14. int MyObject::iValue() const
  15. {
  16.     return m_iValue;
  17. }
  19. void MyObject::setIValue(int iValue)
  20. {
  21.     m_iValue = iValue;
  22. }
  24. QString MyObject::sString() const
  25. {
  26.     return m_sString;
  27. }
  29. void MyObject::setSString(const QString &sString)
  30. {
  31.     m_sString = sString;
  32. }
复制代码
myobject.h

  1. #ifndef MYOBJECT_H
  2. #define MYOBJECT_H
  4. #include <QObject>
  5. #include <QtQml>
  7. class MyObject : public QObject
  8. {
  9.     Q_OBJECT
  10. //    QML_ELEMENT //声明为QML元素，低版本5.12 qt没有
  12. public:
  13.     explicit MyObject(QObject *parent = nullptr);
  14.     static MyObject* getInst();
  15.     void fun();
  17.     int iValue() const;
  18.     void setIValue(int iValue);
  20.     Q_PROPERTY(int iValue MEMBER m_iValue NOTIFY iValueChanged) //这个和下面那个都可以，经测试，使用MEMBER可以触发信号，下面的不行。
  21. //    Q_PROPERTY(int iValue READ iValue WRITE setIValue NOTIFY iValueChanged) //QT宏，iValue是声明的名称，可以通过名称获取，并且创建读取和设置的函数，在新加一个值改变的信号。
  22.     Q_PROPERTY(QString qstr READ sString() WRITE setSString NOTIFY sStringChanged) //QT宏，iValue是声明的名称，可以通过名称获取，并且创建读取和设置的函数，在新加一个值改变的信号。
  25.     QString sString() const;
  26.     void setSString(const QString &sString);
  28. private:
  29.     int m_iValue; //光标定位在属性上，键盘按下Alt+Enter 选择第一个
  30.     QString m_sString;
  32. signals:
  33.     void iValueChanged();
  34.     void sStringChanged();
  35. };
  37. #endif // MYOBJECT_H
复制代码
main.cpp

  1. #include <QGuiApplication>
  2. #include <QQmlApplicationEngine>
  3. #include <QQmlContext>
  4. #include <QScreen>
  5. #include <QRect>
  6. #include <QtDebug>
  7. #include "myobject.h"
  9. int main(int argc, char *argv[])
  10. {
  11.     QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
  13.     QGuiApplication app(argc, argv);
  15.     QQmlApplicationEngine engine;
  16.     //全局对象，上下文对象
  17.     QQmlContext* context = engine.rootContext();
  18.     QScreen*screen =  QGuiApplication::primaryScreen();
  19.     QRect rect = screen->availableGeometry();
  20.     qDebug()<<rect.width()/2;
  22.     context->setProperty("SCREEN_WIDTH",500 ); // 定义一个全局的属性可以给qml去使用
  24. //    context->setProperty("MyObject",MyObject::getInst()); //使用单例模式来创建一个对象。
  25.     qmlRegisterType<MyObject>("MyObj",1,0,"MyObject"); //myobj qml要导入的名称，主版本，次版本，使用对象
  27.     const QUrl url(QStringLiteral("qrc:/main.qml"));
  28.     QObject::connect(&engine, &QQmlApplicationEngine::objectCreated,
  29.                      &app, [url](QObject *obj, const QUrl &objUrl) {
  30.         if (!obj && url == objUrl)
  31.             QCoreApplication::exit(-1);
  32.     }, Qt::QueuedConnection);
  33.     engine.load(url);
  35.     return app.exec();
  36. }
复制代码
main.qml

  1. import QtQuick 2.12
  2. import QtQuick.Window 2.12
  3. import QtQuick.Controls 2.12
  4. import MyObj 1.0
  6. Window {
  7.     visible: true
  8. //    width: SCREEN_WIDTH //从main.cpp中拿到这个变量的值,12版本似乎拿不到。
  9.     width: screen.desktopAvailableWidth/2
  10.     height: screen.desktopAvailableHeight/2 //screen可以获取到屏幕的相关大小。
  11.     title: qsTr("Hello World")
  12.     property int  val: myobj.iValue
  14.     MyObject{ //C++中的对象。
  15.         id:myobj
  16.         iValue: 1
  17.         qstr: "12"
  18.         Component.onCompleted: {
  19.             console.log("ivalue = ",myobj.iValue," qstr = ",myobj.qstr)
  20.         }
  21.         onIValueChanged: { //这个信号来自与QT中的MODIFY信号，本人测试，在cpp中使用MEMBER方式可以绑定，其他不行
  22.             console.log("iValue changed = ",iValue)
  23.         }
  24.     }
  25.     Button{
  26.         onClicked: {
  27.             myobj.iValue =100
  28.             console.log("clicked myobj.iValue = ",myobj.iValue)
  29.         }
  30.     }
  31.     onValChanged: {
  32.         console.log("val = ",val)
  33.     }
  35. }
复制代码
QML端直接访问C++的函数

需要在C++类的函数使用Q_INVOKABLE宏，就可以完成直接访问，见下图。


 C++端直接调用qml函数



QML发送信号C++接收

方式一：在QML端绑定信号

main.qml

  1. import QtQuick 2.12
  2. import QtQuick.Window 2.12
  3. import QtQuick.Controls 2.12
  4. import MyObj 1.0
  6. Window {
  7.     id:window
  8.     visible: true
  9.     width:600
  10.     height: 400
  11.     title: qsTr("QML与C++交互")
  12.     signal qmlSig(int i,string s)
  14.     MyObject{ //C++中的对象。
  15.         id:myobj
  16.         iValue: 1
  17.         m_sString: "m_sString_test"
  18.     }
  19.     Button{
  20.         onClicked: {
  21.             console.log("click")
  22.             qmlSig(10,"张三")  //点击发送信号，让C++端去接受他。
  23.         }
  24.     }
  25.     //方式一：
  26.     Connections{
  27.         target: window
  28.         onQmlSig:{
  29.             myobj.cppSlot(i,s) //直接调用槽函数。
  30.         }
  31.     }
  32. //    方式二
  33.     Component.onCompleted: {
  34.         qmlSig.connect(myobj.cppSlot)
  35.     }
  36. }
复制代码
方式二：在C++端绑定信号

main.cpp

  1. #include <QGuiApplication>
  2. #include <QQmlApplicationEngine>
  3. #include <QQmlContext>
  4. #include <QScreen>
  5. #include <QRect>
  6. #include <QtDebug>
  7. #include <QObject>
  9. #include "myobject.h"
  11. int main(int argc, char *argv[])
  12. {
  13.     QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
  15.     QGuiApplication app(argc, argv);
  17.     qDebug()<<QGuiApplication::platformName();
  21.     QQmlApplicationEngine engine;
  22.     //全局对象，上下文对象
  23.     QQmlContext* context = engine.rootContext();
  24.     QScreen*screen =  QGuiApplication::primaryScreen();
  25.     QRect rect = screen->availableGeometry();
  26.     qDebug()<<rect.width()/2;
  28.     context->setProperty("SCREEN_WIDTH",500 ); // 定义一个全局的属性可以给qml去使用
  30. //    context->setProperty("MyObject",MyObject::getInst()); //使用单例模式来创建一个对象。
  31.     qmlRegisterType<MyObject>("MyObj",1,0,"MyObject"); //myobj qml要导入的名称，主版本，次版本，使用对象
  33.     const QUrl url(QStringLiteral("qrc:/main.qml"));
  34.     QObject::connect(&engine, &QQmlApplicationEngine::objectCreated,
  35.                      &app, [url](QObject *obj, const QUrl &objUrl) {
  36.         if (!obj && url == objUrl)
  37.             QCoreApplication::exit(-1);
  38.     }, Qt::QueuedConnection);
  39.     engine.load(url);
  40.     //engine加载完成之后
  41.     auto list = engine.rootObjects(); //返回的是main.qml QML文件的所有对象。
  42.      //第一个元素的windows
  43.     QObject* window = list.first();
  44.     QObject* btn = list.first()->findChild<QObject*>("mybtn");
  46.     qDebug()<< window <<"|"<< window->objectName();
  47.     qDebug()<< btn <<"|"<< btn->objectName();
  49.     // 方式三
  50.     QObject::connect(window,SIGNAL(qmlSig(int,QString) ),MyObject::getInst(),SLOT(cppSlot(int,QString))  );
  51. //    MyObject* w = MyObject::getInst();
  52. //    QObject::connect(window, &QQuickWindowQmlImpl_QML_0::qmlSig, //这里无法用qt5的信号槽连接。
  53. //                      w,  &MyObject::cppSlot);
  55.     return app.exec();
  56. }
复制代码
C++端发送信号绑定qml函数

方式一

main.cpp

  1. #include <QGuiApplication>
  2. #include <QQmlApplicationEngine>
  3. #include <QQmlContext>
  4. #include <QScreen>
  5. #include <QRect>
  6. #include <QtDebug>
  7. #include <QObject>
  9. #include "myobject.h"
  11. int main(int argc, char *argv[])
  12. {
  13.     QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
  15.     QGuiApplication app(argc, argv);
  17.     qDebug()<<QGuiApplication::platformName();
  21.     QQmlApplicationEngine engine;
  22.     //全局对象，上下文对象
  23.     QQmlContext* context = engine.rootContext();
  24.     QScreen*screen =  QGuiApplication::primaryScreen();
  25.     QRect rect = screen->availableGeometry();
  26.     qDebug()<<rect.width()/2;
  28.     context->setProperty("SCREEN_WIDTH",500 ); // 定义一个全局的属性可以给qml去使用
  30. //    context->setProperty("MyObject",MyObject::getInst()); //使用单例模式来创建一个对象。
  31.     qmlRegisterType<MyObject>("MyObj",1,0,"MyObject"); //myobj qml要导入的名称，主版本，次版本，使用对象
  33.     const QUrl url(QStringLiteral("qrc:/main.qml"));
  34.     QObject::connect(&engine, &QQmlApplicationEngine::objectCreated,
  35.                      &app, [url](QObject *obj, const QUrl &objUrl) {
  36.         if (!obj && url == objUrl)
  37.             QCoreApplication::exit(-1);
  38.     }, Qt::QueuedConnection);
  39.     engine.load(url);
  40.     //engine加载完成之后
  41.     auto list = engine.rootObjects(); //返回的是main.qml QML文件的所有对象。
  42.      //第一个元素的windows
  43.     QObject* window = list.first();
  44.     QObject* btn = list.first()->findChild<QObject*>("mybtn");
  46.     qDebug()<< window <<"|"<< window->objectName();
  47.     qDebug()<< btn <<"|"<< btn->objectName();
  49.     // 方式三
  50.     QObject::connect(window,SIGNAL(qmlSig(int,QString) ),MyObject::getInst(),SLOT(cppSlot(int,QString))  );
  51. //    MyObject* w = MyObject::getInst();
  52. //    QObject::connect(window, &QQuickWindowQmlImpl_QML_0::qmlSig, //这里无法用qt5的信号槽连接。
  53. //                      w,  &MyObject::cppSlot);
  55.     return app.exec();
  56. }
复制代码
main.qml

  1. import QtQuick 2.12
  2. import QtQuick.Window 2.12
  3. import QtQuick.Controls 2.12
  4. import MyObj 1.0
  6. Window {
  7.     id:window
  8.     visible: true
  9.     width:600
  10.     height: 400
  11.     objectName: "mywindow"
  12.     title: qsTr("QML与C++交互")
  13.     signal qmlSig(int i,string s)
  15.     MyObject{ //C++中的对象。
  16.         id:myobj
  17.         iValue: 1
  18.         m_sString: "m_sString_test"
  19.     }
  20.     Button{
  21.         objectName: "mybtn"
  22.         onClicked: {
  23.             console.log("click")
  24. //            myobj.cppSig(100,"test");
  25.             myobj.fun()
  26.         }
  27.     }
  28.     Connections{
  29.         target: myobj
  30.         onCppSig:{
  31.             console.log(i,s);
  32.         }
  33. //        function onCppSig(i,s){
  34. //            qmlSlot(i,s)
  35. //        }
  36.     }
  38. }
复制代码
myobject.cpp

  1. #include "myobject.h"
  3. MyObject::MyObject(QObject *parent) : QObject(parent)
  4. {
  6. }
  8. MyObject *MyObject::getInst()
  9. {
  10.     static MyObject* obj = new MyObject;
  11.     return obj;
  12. }
  14. void MyObject::fun()
  15. {
  16.     qDebug()<<__FUNCTION__;
  17.     emit cppSig(1,"C++");
  18. }
  20. int MyObject::iValue() const
  21. {
  22.     return m_iValue;
  23. }
  25. void MyObject::setIValue(int iValue)
  26. {
  27.     m_iValue = iValue;
  28. }
  30. QString MyObject::sString() const
  31. {
  32.     return m_sString;
  33. }
  35. void MyObject::setSString(const QString &sString)
  36. {
  37.     m_sString = sString;
  38. }
  40. void MyObject::cppSlot(int i, QString s)
  41. {
  42.     qDebug()<<__FUNCTION__ <<i<< s;
  43. }
复制代码
myobject.h

  1. #ifndef MYOBJECT_H
  2. #define MYOBJECT_H
  4. #include <QObject>
  5. #include <QtQml>
  7. class MyObject : public QObject
  8. {
  9.     Q_OBJECT
  10. //    QML_ELEMENT //声明为QML元素，低版本5.12 qt没有
  12. public:
  13.     explicit MyObject(QObject *parent = nullptr);
  14.     static MyObject* getInst();
  15.     Q_INVOKABLE void fun(); //Q_INVOKABLE宏可以让qml直接访问函数。
  17.     int iValue() const;
  18.     void setIValue(int iValue);
  20.     Q_PROPERTY(int iValue MEMBER m_iValue NOTIFY iValueChanged) //这个和下面那个都可以，经测试，使用MEMBER可以触发信号，下面的不行。
  21.     Q_PROPERTY(QString m_sString MEMBER m_sString NOTIFY sStringChanged) //QT宏，iValue是声明的名称，可以通过名称获取，并且创建读取和设置的函数，在新加一个值改变的信号。
  23.     QString sString() const;
  24.     void setSString(const QString &sString);
  26. private:
  27.     int m_iValue; //光标定位在属性上，键盘按下Alt+Enter 选择第一个
  28.     QString m_sString;
  29. public slots:
  30.     void cppSlot(int i,QString s);
  31. signals:
  32.     void iValueChanged();
  33.     void sStringChanged();
  35.     void cppSig(int i,QString s);
  36. };
  38. #endif // MYOBJECT_H
复制代码
方式二

main.cpp

  1. #include <QGuiApplication>
  2. #include <QQmlApplicationEngine>
  3. #include <QQmlContext>
  4. #include <QScreen>
  5. #include <QRect>
  6. #include <QtDebug>
  7. #include <QObject>
  9. #include "myobject.h"
  11. int main(int argc, char *argv[])
  12. {
  13.     QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
  15.     QGuiApplication app(argc, argv);
  17.     qDebug()<<QGuiApplication::platformName();
  21.     QQmlApplicationEngine engine;
  23.     qmlRegisterType<MyObject>("MyObj",1,0,"MyObject"); //通过模板创建
  24.     //通过单例创建
  25. //    qmlRegisterSingletoInstance("MyObj",1,0,"MyObject",MyObject::getInst() );//没有这个方法qt15引入。
  27.     const QUrl url(QStringLiteral("qrc:/main.qml"));
  28.     QObject::connect(&engine, &QQmlApplicationEngine::objectCreated,
  29.                      &app, [url](QObject *obj, const QUrl &objUrl) {
  30.         if (!obj && url == objUrl)
  31.             QCoreApplication::exit(-1);
  32.     }, Qt::QueuedConnection);
  33.     engine.load(url);
  34.     //engine加载完成之后
  35.     auto list = engine.rootObjects(); //返回的是main.qml QML文件的所有对象。
  36.      //第一个元素的windows
  37.     QObject* window = list.first();
  38.     QObject* btn = list.first()->findChild<QObject*>("mybtn");
  40.     qDebug()<< window <<"|"<< window->objectName();
  41.     qDebug()<< btn <<"|"<< btn->objectName();
  43.     // 方式三
  44.     QObject::connect(window,SIGNAL(qmlSig(int,QString) ),MyObject::getInst(),SLOT(cppSlot(int,QString))  );
  46.     QObject::connect(MyObject::getInst(),SIGNAL(cppSig(QVariant,QVariant) ),window,SLOT(qmlSlot(QVariant,QVariant) )  );
  48.     return app.exec();
  49. }
复制代码
main.qml

  1. import QtQuick 2.12
  2. import QtQuick.Window 2.12
  3. import QtQuick.Controls 2.12
  4. import MyObj 1.0
  6. Window {
  7.     id:window
  8.     visible: true
  9.     width:600
  10.     height: 400
  11.     objectName: "mywindow"
  12.     title: qsTr("QML与C++交互")
  13.     signal qmlSig(int i,string s)
  15.     MyObject{ //C++中的对象。
  16.         id:myobj
  17.         iValue: 1
  18.         m_sString: "m_sString_test"
  19.     }
  21.     Button{
  22.         objectName: "mybtn"
  23.         onClicked: {
  24.             console.log("click")
  25.             myobj.fun()  //MyObject.fun()
  26.         }
  27.     }
  28.     function qmlSlot(i,s){ // 参数类型 对应cpp端 都是QVariant
  29.         console.log(i,s);
  30.     }
  32.     Connections{
  33.         target: myobj
  34.         onCppSig:{
  35.             console.log(i,s);
  36.         }
  37. //        function onCppSig(i,s){
  38. //            qmlSlot(i,s)
  39. //        }
  40.     }
  42. }
复制代码



免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

正序浏览
返回列表

快速回复

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

曹旭辉

论坛元老
这个人很懒什么都没写!

楼主热帖

标签云

AI 运维 CIO 存储 服务器
微信订阅号
微信服务号
微信客服
小程序
H5
关于我们 商务合作 网站地图
©Copyright 2022-2024 杭州祥升科技有限公司 版权所有 浙ICP备20004199号
快速回复 返回顶部 返回列表