【qml学习笔记】QML与C++的交互

QML与C++的交互

在QML中访问c++对象

• 首先创建一个类，这个类需继承自QObject，必须有Q_OBJECT宏,并加入QML_ELEMENT宏，并且私有成员具有Q_PROPERTY宏（可通过ALT+ENTER快速设置）

  #include 
  #include //注意 QML_ELEMENT 需要该头文件
  class MyCppObj : public QObject
  {
      Q_OBJECT
      QML_ELEMENT
  public:
      explicit MyCppObj(QObject *parent = nullptr);
      int iValue() const;
      void setIValue(int newIValue);
      
      QString string() const;
      void setString(const QString &newString);
      //加入 Q_INVOKABLE宏的函数才可在QML端进行访问
      Q_INVOKABLE void func();
      
  private:
      int m_iValue;
      QString m_string;
      
      Q_PROPERTY(int iValue READ iValue WRITE setIValue NOTIFY iValueChanged FINAL)
      Q_PROPERTY(QString string READ string WRITE setString NOTIFY stringChanged FINAL)
      
  signals:
      void iValueChanged();
      void stringChanged();
  };
  

  • 在cpp文件中对对象进行注册

    //一定要通过创建对象来定义我们自定义的obj，对象存在于qml端
    qmlRegisterType("MyCppObj.Obj",1,0,"MyCppObj");
    //MyCppObj.Obj:import的库的名字
    //1：主版本号
    //0：次版本号
    //MyCppObj：QML中类的名字
    

    • 在qml文件中导入即可使用

      import QtQuick 2.15
      import QtQuick.Window 2.15
      import MyCppObj 1.0
      Window {
          width: 640
          height: 480
          visible: true
          MyCppObj
          {
              id:myObj
              onIValueChanged: {}
              onSstringChanged: {}
          }
          Component.onCompleted:
          {
              console.log(myObj.iValue,myObj.sstring)
              myObj.func()
          }
      }
      

      QML端信号绑定到C++端(在qml端进行连接)

      在以上内容的基础上即完成c++类的注册之后

      
      （图片来源网络，侵删）
      • 声明槽函数：

        public slots:
            void cppSlot(int i,QString s)
            {
            qDebug()
            id:window
            width: 640
            height: 480
            visible: true
            signal qmlSignal(int i,string s)
            MyCppObj
            {
                id:myObj
                onIValueChanged: {}
                onSstringChanged: {}
            }
            Button{
                onClicked:
                {
                    qmlSignal(10,"666")
                }
            }
            Connections
            {
                target: window
                function onQmlSignal(i,s)
                {
                    myObj.cppSlot(i,s);
                }
            }
        }
        
                qmlSignal.connect(myObj.cppSlot)
            }