QML demo: add QML demo from the Mini2440 project

Signed-off-by: Juergen Beisert <jbe@pengutronix.de>

1 files changed, 157 insertions, 0 deletions

diff --git a/local_src/qml-demo-master/qml/main.qml b/local_src/qml-demo-master/qml/main.qml
new file mode 100644
index 0000000..c2c7e62
--- /dev/null
+++ b/local_src/qml-demo-master/qml/main.qml
@@ -0,0 +1,157 @@
+/*
+ * Copyright 2011 Josef Holzmayr, holzmayr@rsi-elektrotechnik.de
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU General Public License
+ * as published by the Free Software Foundation; either version 2
+ * of the License, or (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ */
+
+import QtQuick 1.0
+
+Rectangle {
+	id: page
+	color: "grey"
+	width: 320
+	height: 240
+
+	property int boxsize: 50
+	property int markersize: 30
+	property int borderoffset: 10
+	property int boxoffset: (boxsize - markersize) / 2
+
+	Rectangle {
+		id: rectTL
+		width: boxsize
+		height: boxsize
+		color: "#00000000"
+		anchors.left: parent.left
+		anchors.leftMargin: borderoffset
+		anchors.top: parent.top
+		anchors.topMargin: borderoffset
+		border.color: "#000000"
+
+		MouseArea {
+			anchors.fill: parent
+			onClicked: page.state = 'TL'
+		}
+	}
+	Rectangle {
+		id: rectTR
+		width: boxsize
+		height: boxsize
+		color: "#00000000"
+		anchors.top: parent.top
+		anchors.topMargin: borderoffset
+		anchors.right: parent.right
+		anchors.rightMargin: borderoffset
+		border.color: "#000000"
+
+		MouseArea {
+			anchors.fill: parent
+			onClicked: page.state = 'TR'
+		}
+	}
+	Rectangle {
+		id: rectBL
+		width: boxsize
+		height: boxsize
+		color: "#00000000"
+		anchors.left: parent.left
+		anchors.leftMargin: borderoffset
+		anchors.bottom: parent.bottom
+		anchors.bottomMargin: borderoffset
+		border.color: "#000000"
+
+		MouseArea {
+			anchors.fill: parent
+			onClicked: page.state = 'BL'
+		}
+	}
+	Rectangle {
+		id: rectBR
+		width: boxsize
+		height: boxsize
+		color: "#00000000"
+		anchors.bottom: parent.bottom
+		anchors.bottomMargin: borderoffset
+		anchors.right: parent.right
+		anchors.rightMargin: borderoffset
+		border.color: "#000000"
+
+		MouseArea {
+			anchors.fill: parent
+			onClicked: page.state = 'BR'
+		}
+	}
+
+	Rectangle {
+		id: marker
+		x: (page.width / 2) - (marker.width / 2)
+		y: (page.height / 2) - (marker.height / 2)
+		width: markersize
+		height: markersize
+		color: "#ff0000"
+	}
+
+	Text {
+		id: text1
+		text: qsTr("Touch the black squares to move the red marker.")
+		anchors.right: parent.right
+		anchors.rightMargin: borderoffset
+		anchors.left: parent.left
+		anchors.leftMargin: borderoffset
+		anchors.bottom: parent.bottom
+		anchors.bottomMargin: (borderoffset * 2) + boxsize
+		anchors.top: parent.top
+		anchors.topMargin: (borderoffset * 2) + boxsize
+		wrapMode: Text.WordWrap
+		horizontalAlignment: Text.AlignHCenter
+		font.family: "Arial Black"
+		font.underline: true
+		font.pixelSize: 12
+	}
+	states: [
+		State {
+			name: "TL"
+
+			PropertyChanges {
+				target: marker
+				x: rectTL.x + boxoffset
+				y: rectTL.y + boxoffset
+			}
+		},
+		State {
+			name: "TR"
+			PropertyChanges {
+				target: marker
+				x: rectTR.x + boxoffset
+				y: rectTR.y + boxoffset
+			}
+		},
+		State {
+			name: "BL"
+			PropertyChanges {
+				target: marker
+				x: rectBL.x + boxoffset
+				y: rectBL.y + boxoffset
+			}
+		},
+		State {
+			name: "BR"
+			PropertyChanges {
+				target: marker
+				x: rectBR.x + boxoffset
+				y: rectBR.y + boxoffset
+			}
+		}
+	]
+
+	transitions: Transition {
+		NumberAnimation { properties: "x, y"; easing.type: Easing.InOutQuad; duration: 500 }
+	}
+}