| import QtQuick 2.0 |
| |
| Rectangle { |
| id: wrapper |
| width: 240 |
| height: 320 |
| Rectangle { |
| id: myRect |
| objectName: "MyRect" |
| color: "red" |
| width: 50; height: 50 |
| x: 100; y: 100 |
| MouseArea { |
| anchors.fill: parent |
| onClicked: if (wrapper.state == "state1") wrapper.state = ""; else wrapper.state = "state1"; |
| } |
| } |
| states: State { |
| name: "state1" |
| PropertyChanges { target: myRect; x: 200; color: "blue" } |
| } |
| transitions: Transition { |
| //comment out each in turn to make sure each only animates the relevant property |
| ColorAnimation { properties: "x,color"; duration: 1000 } //x is real, color is color |
| NumberAnimation { properties: "x,color"; duration: 1000 } //x is real, color is color |
| } |
| } |