diff options
Diffstat (limited to 'Godeps/_workspace/src/github.com/obscuren/qml/examples/qmlscene/tutorial3.qml')
-rw-r--r-- | Godeps/_workspace/src/github.com/obscuren/qml/examples/qmlscene/tutorial3.qml | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/Godeps/_workspace/src/github.com/obscuren/qml/examples/qmlscene/tutorial3.qml b/Godeps/_workspace/src/github.com/obscuren/qml/examples/qmlscene/tutorial3.qml new file mode 100644 index 000000000..e5eabab10 --- /dev/null +++ b/Godeps/_workspace/src/github.com/obscuren/qml/examples/qmlscene/tutorial3.qml @@ -0,0 +1,45 @@ +// See http://qt-project.org/doc/qt-5.1/qtquick/qml-tutorial3.html + +import QtQuick 2.0 + +Rectangle { + id: page + width: 320; height: 480 + color: "lightgray" + + Text { + id: helloText + text: "Hello world!" + y: 30 + anchors.horizontalCenter: page.horizontalCenter + font.pointSize: 24; font.bold: true + + MouseArea { id: mouseArea; anchors.fill: parent } + + states: State { + name: "down"; when: mouseArea.pressed == true + PropertyChanges { target: helloText; y: 160; rotation: 180; color: "red" } + } + + transitions: Transition { + from: ""; to: "down"; reversible: true + ParallelAnimation { + NumberAnimation { properties: "y,rotation"; duration: 500; easing.type: Easing.InOutQuad } + ColorAnimation { duration: 500 } + } + } + } + + Grid { + id: colorPicker + x: 4; anchors.bottom: page.bottom; anchors.bottomMargin: 4 + rows: 2; columns: 3; spacing: 3 + + Cell { cellColor: "red"; onClicked: helloText.color = cellColor } + Cell { cellColor: "green"; onClicked: helloText.color = cellColor } + Cell { cellColor: "blue"; onClicked: helloText.color = cellColor } + Cell { cellColor: "yellow"; onClicked: helloText.color = cellColor } + Cell { cellColor: "steelblue"; onClicked: helloText.color = cellColor } + Cell { cellColor: "black"; onClicked: helloText.color = cellColor } + } +} |