Change the properties of qml with cpp in run*time

[AcerExtensa]

You can use signal/slots method for communication between QML & cpp. "Using QML Bindings in C++ Applications":http://doc.qt.nokia.com/4.7-snapshot/qtbinding.html

[AcerExtensa]

"Connecting Qt signal to QML function":http://www.developer.nokia.com/Community/Wiki/Connecting_Qt_signal_to_QML_function

[Guest]

could you help me with an example. I appreciate it.

[AcerExtensa]

Just open the links I have send you, where is examples on how to do that....

Examples from first link:
@
QObject rect = object->findChild<QObject>("rect");
if (rect)
rect->setProperty("color", "red");
@

another one:
@
object->setProperty("width", 500);
QDeclarativeProperty(object, "width").write(500);
@

The second link is an step-by-step Tutorial with complete code...

[Guest]

Oh thank you.. it was not loading earlier. let me have a look and get back..

[Guest]

I dont understand what is on that link... could u help me out with my example.

[AcerExtensa]

Post your current code and explain exactly what you want. which function should change which variable in which qml code.

[Guest]

Test.qml

@import QtQuick 1.1

Rectangle

{
id:rect1
width: 400; height:400
color:"grey"
property string i:"asdff"
property int j:25
property int u:0
visible:true
signal clicked()

 Rectangle {
     id:rect2
     objectName: "rect"
     anchors.top: parent.top
     anchors.topMargin: 45
     anchors.left: parent.left
     anchors.leftMargin: 35
     anchors.right: parent.right
     anchors.rightMargin: 50
     height: 30
     radius: 8
     color:"blue"



     TextEdit {

         id:textinput1
         //text:"Enter the value to pass from QMl to cpp"
         width: 219
         height: 30
         anchors.rightMargin: 96
         anchors.fill: rect2
        visible:true


         TextInput{id:qw
             anchors.fill:textinput1
             font.pixelSize: 25
             text:""
          onAccepted: [object.cppSlot(qw.text),
                       object.cppMethod(qw.text)
                        ]

}}}}
@

[Guest]

@#include <QtCore/QCoreApplication>
#include <QtGui/QApplication>
#include <QDeclarativeView>
#include <QDeclarativeProperty>
#include <QGraphicsObject>
#include <QObject>
#include "MyClass.h"
#include <QDebug>
#include <QDeclarativeContext>

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

//
 QApplication app(argc, argv);
 QDeclarativeView view;
 view.setSource(QUrl::fromLocalFile("Test.qml"));
 view.show();
 // to change the property of the parent
 QObject *object = view.rootObject();
 object->setProperty("width", 500);
 QDeclarativeProperty(object, "width").write(500);

 ///// to change the property of the children

 QObject *rect = object->findChild<QObject*>("rect");
 if (rect)
     rect->setProperty("color", "lightblue");

// QObject rect1 = object->findChild<QObject>("pop");
// if (rect1)
// rect1->setProperty("text", "1234560");

 //
 MyClass myClass;
 view.rootContext()->setContextProperty("object", &myClass);
 return app.exec();

}

@

[Guest]

@#ifndef MYCLASS_H
#define MYCLASS_H
#include <QtGui/QApplication>
#include <QDeclarativeView>
#include <QDeclarativeProperty>
#include <QGraphicsObject>
#include <QObject>
#include "MyClass.h"
#include <QDebug>
#include <QDeclarativeContext>

class MyClass : public QObject
{
Q_OBJECT

//  if you want to call a method from QML give it as INVOKABLE

public:
Q_INVOKABLE void cppMethod(const QString &msg) {

     qDebug() << "FROM QML" << msg;
 }

public:
Q_INVOKABLE void cppMethod1(int abc=100) {
qDebug() << abc;

}

public slots:
void cppSlot(int number) {
qDebug() << "Function call from QML" << number;
}
};
#endif // MYCLASS_H
@

[Guest]

Here I would like to change the text parameter in cpp during runtime and it should refelect in qml during runtime..
Thanks a ton for the help

[AcerExtensa]

You don't have object "rect", you have "rect1" and "rect2"
rect1 - is your rootObject
rect2 - is children of rootObject,

2. Don't use such words like "object" it may be allready registered.

3. Do your onAccepted state gets called? Check it with Console.log("test")

4. Small example how to use properties and slots:

QmlApplicationViewer is just the QDeclarativeView subclass.

main.cpp
@
Q_DECL_EXPORT int main(int argc, char *argv[])
{
QScopedPointer<QApplication> app(createApplication(argc, argv));

QmlApplicationViewer viewer;
viewer.setOrientation(QmlApplicationViewer::ScreenOrientationAuto);
viewer.setMainQmlFile(QLatin1String("qml/simple/main.qml"));

MyClass mcls;
viewer.rootContext()->setContextProperty("myClass", &mcls);
viewer.showExpanded();
mcls.set_fullname("admin");
return app->exec();

}
@

myclass.h
@
class MyClass : public QObject
{
Q_OBJECT
Q_PROPERTY(QString fullname READ fullname WRITE set_fullname NOTIFY fullname_changed)

public:
explicit MyClass(QObject *parent = 0):QObject(parent){}
QString fullname(){return this->fname;}

public slots:
void set_fullname(const QString & str){qDebug() << str; this->fname = str; emit this->fullname_changed(this->fname);}

signals:
void fullname_changed(const QString &);

private:
QString fname;
};
@

main.qml
@
import QtQuick 1.1

Rectangle {
width: 360
height: 360
Text {
text: myClass.fullname
anchors.centerIn: parent
}
MouseArea {
anchors.fill: parent
onClicked: {
myClass.set_fullname("from qml");
}
}
}
@

[AcerExtensa]

Here you can download the test project from the post below: "Simple Project":http://vip2006.net/simple.tar.gz

[143U]

@
public slots:
void set_fullname(const QString & str)
{
qDebug() << str;
this->fname = str;
emit this->fullname_changed(this->fname);
}
@
is giving an error,,

[Edit: Added @ code formatting -- mlong]

[AcerExtensa]

I can't read your mind! Which error??? Something about QDebug? Add #include <QDebug>

[Guest]

emit this->fullname_changed(this->fname);

This is giving an error

[AcerExtensa]

Which error???

[Guest]

expected token ; got this-> i tried several things but not workin

[AcerExtensa]

Can you just copy the whole error here?
Delete "this->" or delete whole emit statement it is not relevant in this example....

[Guest]

Can u help me with this example. I understand this better.
.qml file
@Rectangle {
id:rect1
signal dataRequired;
signal onchangecolor;
width:250
height:250

function updateData(text) { dataText.text = text}  // slot
function updatecolor(color){rect1.color="red"}

anchors.fill: parent; color: "black"

Text {
    id: dataText
    anchors.centerIn: parent; color: "white"
}

MouseArea {
    anchors.fill: parent
    onClicked:[ dataRequired(),
        onchangecolor()]
}

}@