How to associate a C ++ property with a QML property?

Question

So, I know how to associate a QML property with a C ++ property, so when C ++ triggers a notification signal, QML updates the view. Is there a way to do a C ++ property update when a user changes something using the user interface?

For example, I have Combobox, and I want some C ++ property to be updated when the user changes the value of combobox.

EDIT: By C ++ properties, I mean a Q_PROPERTYmacro in QObject-defined classes.

Answer 1

, QML ( ), Binding. :

Binding {
    target: yourCppObject
    property: "cppPropertyName"
    value: yourComboBox.currentText
}

Answer 2

1) Firstly you have to create main.cpp page.

#include <QtGui>
#include <QtDeclarative>

class Object : public QObject
{
 Q_OBJECT
 Q_PROPERTY( QString theChange READ getTheChange NOTIFY changeOfStatus )

 public:
  Object() {
   changeMe = false;
   myTimer = new QTimer(this);
   myTimer->start(5000);
   connect(myTimer, SIGNAL (timeout()), this, SLOT (testSlot()));
  }

  QString getTheChange() {
   if (theValue  0) {
    return "The text changed";
   } if (theValue  1) {
    return "New text change";
   }
   return "nothing has happened yet";
  }

  Q_INVOKABLE void someFunction(int i) {
   if ( i  0) {
    theValue = 0;
   }
   if (i  1) {
    theValue = 1;
   }
   emit changeOfStatus(i);
  }

  signals:
   void changeOfStatus(int i) ;

  public slots:
   void testSlot() {
    if (changeMe) {
     someFunction(0);
    } else {
     someFunction(1);
    }
    changeMe = !changeMe;
   }

  private:
   bool changeMe;
   int theValue;
   QTimer *myTimer;
};

#include "main.moc"

int main(int argc, char* argv[])
{
 QApplication app(argc, argv);
 Object myObj;
 QDeclarativeView view;
 view.rootContext()->setContextProperty("rootItem", (QObject *)&myObj);
 view.setSource(QUrl::fromLocalFile("main.qml"));
 view.show();
 return app.exec();
}

2) The QML Implementation main.qml
In the QML code below we create a Rectangle that reacts to mouse clicks. The text is set to the result of the Object::theChange() function.

import QtQuick 1.0

Rectangle {
 width: 440; height: 150

 Column {
  anchors.fill: parent; spacing: 20
  Text {
   text: rootItem.theChange
   font.pointSize: 25; anchors.horizontalCenter: parent.horizontalCenter
  }
 }
}

So, using the approach in the example above, we get away for QML properties to react to changes that happen internally in the C++ code.

: https://wiki.qt.io/How_to_Bind_a_QML_Property_to_a_C%2B%2B_Function