How can I allow external objects to directly access and modify child objects in a component?

In order to allow external objects to modify and access child objects in another component, you can use Property Aliases [doc.qt.nokia.com]. Property Aliases allow you to make properties in a component directly accessible when importing the component.

The following example illustrates how this can be done:

main.cpp

#include <QtGui>
#include <QtDeclarative>
int main(int argc, char** argv)
{
QApplication app(argc, argv);
QDeclarativeView view;
view.setSource(QUrl::fromLocalFile("main.qml"));
view.resize(800,200);
view.show();
return app.exec();
}

main.qml

import QtQuick 1.0
Rectangle {
width: 740; height: 150
Column {
anchors.fill: parent; spacing: 20
Text {
text: "Example that illustrates how to allow external objects to directly modify and access child objects in a component"
font.pointSize: 12; anchors.horizontalCenter: parent.horizontalCenter
}
}
Row {
anchors.verticalCenter: parent.verticalCenter
Button { onClicked: { buttonLabel = "New value for Button" } }
Button { onClicked: { buttonLabel = "New value for Button" }}
Button { onClicked: { buttonLabel = "New value for Button" }}
}
}

Button.qml

import QtQuick 1.0
Rectangle {
id: root;
property alias buttonLabel: label.text
signal clicked()
width: 120
height: 30
color: mouse.pressed ? "lightgray" : "white"
radius: 4
border.width: 1
border.color: "gray"
MouseArea {
id: mouse
anchors.fill: parent
onClicked: root.clicked();
}
Text {
id: label
anchors.centerIn: parent
text: "Click Me"
}
}

How can I allow external objects to directly access and modify child objects in a component?

No comments

Write a comment

Tags what is this? Undo?

Ratings what is this?

Not registered?

How can I allow external objects to directly access and modify child objects in a component?

No comments

Write a comment