aboutsummaryrefslogtreecommitdiffstats
path: root/examples/declarative/qtquick1/animation
diff options
context:
space:
mode:
Diffstat (limited to 'examples/declarative/qtquick1/animation')
-rw-r--r--examples/declarative/qtquick1/animation/animation.qmlproject14
-rw-r--r--examples/declarative/qtquick1/animation/basics/basics.qmlproject14
-rw-r--r--examples/declarative/qtquick1/animation/basics/color-animation.qml110
-rw-r--r--examples/declarative/qtquick1/animation/basics/images/face-smile.pngbin15408 -> 0 bytes
-rw-r--r--examples/declarative/qtquick1/animation/basics/images/moon.pngbin2433 -> 0 bytes
-rw-r--r--examples/declarative/qtquick1/animation/basics/images/shadow.pngbin425 -> 0 bytes
-rw-r--r--examples/declarative/qtquick1/animation/basics/images/star.pngbin349 -> 0 bytes
-rw-r--r--examples/declarative/qtquick1/animation/basics/images/sun.pngbin8153 -> 0 bytes
-rw-r--r--examples/declarative/qtquick1/animation/basics/property-animation.qml105
-rw-r--r--examples/declarative/qtquick1/animation/behaviors/SideRect.qml62
-rw-r--r--examples/declarative/qtquick1/animation/behaviors/behavior-example.qml118
-rw-r--r--examples/declarative/qtquick1/animation/behaviors/behaviors.qmlproject14
-rw-r--r--examples/declarative/qtquick1/animation/behaviors/wigglytext.qml108
-rw-r--r--examples/declarative/qtquick1/animation/easing/content/QuitButton.qml52
-rw-r--r--examples/declarative/qtquick1/animation/easing/content/quit.pngbin583 -> 0 bytes
-rw-r--r--examples/declarative/qtquick1/animation/easing/easing.qml159
-rw-r--r--examples/declarative/qtquick1/animation/easing/easing.qmlproject16
-rw-r--r--examples/declarative/qtquick1/animation/states/qt-logo.pngbin5149 -> 0 bytes
-rw-r--r--examples/declarative/qtquick1/animation/states/states.qml101
-rw-r--r--examples/declarative/qtquick1/animation/states/states.qmlproject17
-rw-r--r--examples/declarative/qtquick1/animation/states/transitions.qml130
21 files changed, 0 insertions, 1020 deletions
diff --git a/examples/declarative/qtquick1/animation/animation.qmlproject b/examples/declarative/qtquick1/animation/animation.qmlproject
deleted file mode 100644
index 2bb4016996..0000000000
--- a/examples/declarative/qtquick1/animation/animation.qmlproject
+++ /dev/null
@@ -1,14 +0,0 @@
-import QmlProject 1.0
-
-Project {
- /* Include .qml, .js, and image files from current directory and subdirectories */
- QmlFiles {
- directory: "."
- }
- JavaScriptFiles {
- directory: "."
- }
- ImageFiles {
- directory: "."
- }
-}
diff --git a/examples/declarative/qtquick1/animation/basics/basics.qmlproject b/examples/declarative/qtquick1/animation/basics/basics.qmlproject
deleted file mode 100644
index 2bb4016996..0000000000
--- a/examples/declarative/qtquick1/animation/basics/basics.qmlproject
+++ /dev/null
@@ -1,14 +0,0 @@
-import QmlProject 1.0
-
-Project {
- /* Include .qml, .js, and image files from current directory and subdirectories */
- QmlFiles {
- directory: "."
- }
- JavaScriptFiles {
- directory: "."
- }
- ImageFiles {
- directory: "."
- }
-}
diff --git a/examples/declarative/qtquick1/animation/basics/color-animation.qml b/examples/declarative/qtquick1/animation/basics/color-animation.qml
deleted file mode 100644
index 105fa3f55e..0000000000
--- a/examples/declarative/qtquick1/animation/basics/color-animation.qml
+++ /dev/null
@@ -1,110 +0,0 @@
-/****************************************************************************
-**
-** Copyright (C) 2012 Nokia Corporation and/or its subsidiary(-ies).
-** Contact: http://www.qt-project.org/
-**
-** This file is part of the examples of the Qt Toolkit.
-**
-** $QT_BEGIN_LICENSE:BSD$
-** You may use this file under the terms of the BSD license as follows:
-**
-** "Redistribution and use in source and binary forms, with or without
-** modification, are permitted provided that the following conditions are
-** met:
-** * Redistributions of source code must retain the above copyright
-** notice, this list of conditions and the following disclaimer.
-** * Redistributions in binary form must reproduce the above copyright
-** notice, this list of conditions and the following disclaimer in
-** the documentation and/or other materials provided with the
-** distribution.
-** * Neither the name of Nokia Corporation and its Subsidiary(-ies) nor
-** the names of its contributors may be used to endorse or promote
-** products derived from this software without specific prior written
-** permission.
-**
-** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
-** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
-** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
-** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
-** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
-** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
-** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
-** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
-** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
-** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
-**
-** $QT_END_LICENSE$
-**
-****************************************************************************/
-
-import QtQuick 1.0
-import Qt.labs.particles 1.0
-
-Item {
- id: window
- width: 640; height: 480
-
- // Let's draw the sky...
- Rectangle {
- anchors { left: parent.left; top: parent.top; right: parent.right; bottom: parent.verticalCenter }
- gradient: Gradient {
- GradientStop {
- position: 0.0
- SequentialAnimation on color {
- loops: Animation.Infinite
- ColorAnimation { from: "DeepSkyBlue"; to: "#0E1533"; duration: 5000 }
- ColorAnimation { from: "#0E1533"; to: "DeepSkyBlue"; duration: 5000 }
- }
- }
- GradientStop {
- position: 1.0
- SequentialAnimation on color {
- loops: Animation.Infinite
- ColorAnimation { from: "SkyBlue"; to: "#437284"; duration: 5000 }
- ColorAnimation { from: "#437284"; to: "SkyBlue"; duration: 5000 }
- }
- }
- }
- }
-
- // the sun, moon, and stars
- Item {
- width: parent.width; height: 2 * parent.height
- NumberAnimation on rotation { from: 0; to: 360; duration: 10000; loops: Animation.Infinite }
- Image {
- source: "images/sun.png"; y: 10; anchors.horizontalCenter: parent.horizontalCenter
- rotation: -3 * parent.rotation
- }
- Image {
- source: "images/moon.png"; y: parent.height - 74; anchors.horizontalCenter: parent.horizontalCenter
- rotation: -parent.rotation
- }
- Particles {
- x: 0; y: parent.height/2; width: parent.width; height: parent.height/2
- source: "images/star.png"; angleDeviation: 360; velocity: 0
- velocityDeviation: 0; count: parent.width / 10; fadeInDuration: 2800
- SequentialAnimation on opacity {
- loops: Animation.Infinite
- NumberAnimation { from: 0; to: 1; duration: 5000 }
- NumberAnimation { from: 1; to: 0; duration: 5000 }
- }
- }
- }
-
- // ...and the ground.
- Rectangle {
- anchors { left: parent.left; top: parent.verticalCenter; right: parent.right; bottom: parent.bottom }
- gradient: Gradient {
- GradientStop {
- position: 0.0
- SequentialAnimation on color {
- loops: Animation.Infinite
- ColorAnimation { from: "ForestGreen"; to: "#001600"; duration: 5000 }
- ColorAnimation { from: "#001600"; to: "ForestGreen"; duration: 5000 }
- }
- }
- GradientStop { position: 1.0; color: "DarkGreen" }
- }
- }
-}
diff --git a/examples/declarative/qtquick1/animation/basics/images/face-smile.png b/examples/declarative/qtquick1/animation/basics/images/face-smile.png
deleted file mode 100644
index 3d66d72578..0000000000
--- a/examples/declarative/qtquick1/animation/basics/images/face-smile.png
+++ /dev/null
Binary files differ
diff --git a/examples/declarative/qtquick1/animation/basics/images/moon.png b/examples/declarative/qtquick1/animation/basics/images/moon.png
deleted file mode 100644
index 9407b2b4f0..0000000000
--- a/examples/declarative/qtquick1/animation/basics/images/moon.png
+++ /dev/null
Binary files differ
diff --git a/examples/declarative/qtquick1/animation/basics/images/shadow.png b/examples/declarative/qtquick1/animation/basics/images/shadow.png
deleted file mode 100644
index 8270565e87..0000000000
--- a/examples/declarative/qtquick1/animation/basics/images/shadow.png
+++ /dev/null
Binary files differ
diff --git a/examples/declarative/qtquick1/animation/basics/images/star.png b/examples/declarative/qtquick1/animation/basics/images/star.png
deleted file mode 100644
index 27ef924267..0000000000
--- a/examples/declarative/qtquick1/animation/basics/images/star.png
+++ /dev/null
Binary files differ
diff --git a/examples/declarative/qtquick1/animation/basics/images/sun.png b/examples/declarative/qtquick1/animation/basics/images/sun.png
deleted file mode 100644
index 7713ca5ce7..0000000000
--- a/examples/declarative/qtquick1/animation/basics/images/sun.png
+++ /dev/null
Binary files differ
diff --git a/examples/declarative/qtquick1/animation/basics/property-animation.qml b/examples/declarative/qtquick1/animation/basics/property-animation.qml
deleted file mode 100644
index 927c1c3a6c..0000000000
--- a/examples/declarative/qtquick1/animation/basics/property-animation.qml
+++ /dev/null
@@ -1,105 +0,0 @@
-/****************************************************************************
-**
-** Copyright (C) 2012 Nokia Corporation and/or its subsidiary(-ies).
-** Contact: http://www.qt-project.org/
-**
-** This file is part of the examples of the Qt Toolkit.
-**
-** $QT_BEGIN_LICENSE:BSD$
-** You may use this file under the terms of the BSD license as follows:
-**
-** "Redistribution and use in source and binary forms, with or without
-** modification, are permitted provided that the following conditions are
-** met:
-** * Redistributions of source code must retain the above copyright
-** notice, this list of conditions and the following disclaimer.
-** * Redistributions in binary form must reproduce the above copyright
-** notice, this list of conditions and the following disclaimer in
-** the documentation and/or other materials provided with the
-** distribution.
-** * Neither the name of Nokia Corporation and its Subsidiary(-ies) nor
-** the names of its contributors may be used to endorse or promote
-** products derived from this software without specific prior written
-** permission.
-**
-** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
-** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
-** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
-** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
-** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
-** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
-** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
-** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
-** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
-** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
-**
-** $QT_END_LICENSE$
-**
-****************************************************************************/
-
-import QtQuick 1.0
-
-Item {
- id: window
- width: 320; height: 480
-
- // Let's draw the sky...
- Rectangle {
- anchors { left: parent.left; top: parent.top; right: parent.right; bottom: parent.verticalCenter }
- gradient: Gradient {
- GradientStop { position: 0.0; color: "DeepSkyBlue" }
- GradientStop { position: 1.0; color: "LightSkyBlue" }
- }
- }
-
- // ...and the ground.
- Rectangle {
- anchors { left: parent.left; top: parent.verticalCenter; right: parent.right; bottom: parent.bottom }
- gradient: Gradient {
- GradientStop { position: 0.0; color: "ForestGreen" }
- GradientStop { position: 1.0; color: "DarkGreen" }
- }
- }
-
- // The shadow for the smiley face
- Image {
- anchors.horizontalCenter: parent.horizontalCenter
- y: smiley.minHeight + 58
- source: "images/shadow.png"
-
- // The scale property depends on the y position of the smiley face.
- scale: smiley.y * 0.5 / (smiley.minHeight - smiley.maxHeight)
- }
-
- Image {
- id: smiley
- property int maxHeight: window.height / 3
- property int minHeight: 2 * window.height / 3
-
- anchors.horizontalCenter: parent.horizontalCenter
- y: minHeight
- source: "images/face-smile.png"
-
- // Animate the y property. Setting loops to Animation.Infinite makes the
- // animation repeat indefinitely, otherwise it would only run once.
- SequentialAnimation on y {
- loops: Animation.Infinite
-
- // Move from minHeight to maxHeight in 300ms, using the OutExpo easing function
- NumberAnimation {
- from: smiley.minHeight; to: smiley.maxHeight
- easing.type: Easing.OutExpo; duration: 300
- }
-
- // Then move back to minHeight in 1 second, using the OutBounce easing function
- NumberAnimation {
- from: smiley.maxHeight; to: smiley.minHeight
- easing.type: Easing.OutBounce; duration: 1000
- }
-
- // Then pause for 500ms
- PauseAnimation { duration: 500 }
- }
- }
-}
diff --git a/examples/declarative/qtquick1/animation/behaviors/SideRect.qml b/examples/declarative/qtquick1/animation/behaviors/SideRect.qml
deleted file mode 100644
index 8351b6a59a..0000000000
--- a/examples/declarative/qtquick1/animation/behaviors/SideRect.qml
+++ /dev/null
@@ -1,62 +0,0 @@
-/****************************************************************************
-**
-** Copyright (C) 2012 Nokia Corporation and/or its subsidiary(-ies).
-** Contact: http://www.qt-project.org/
-**
-** This file is part of the examples of the Qt Toolkit.
-**
-** $QT_BEGIN_LICENSE:BSD$
-** You may use this file under the terms of the BSD license as follows:
-**
-** "Redistribution and use in source and binary forms, with or without
-** modification, are permitted provided that the following conditions are
-** met:
-** * Redistributions of source code must retain the above copyright
-** notice, this list of conditions and the following disclaimer.
-** * Redistributions in binary form must reproduce the above copyright
-** notice, this list of conditions and the following disclaimer in
-** the documentation and/or other materials provided with the
-** distribution.
-** * Neither the name of Nokia Corporation and its Subsidiary(-ies) nor
-** the names of its contributors may be used to endorse or promote
-** products derived from this software without specific prior written
-** permission.
-**
-** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
-** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
-** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
-** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
-** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
-** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
-** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
-** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
-** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
-** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
-**
-** $QT_END_LICENSE$
-**
-****************************************************************************/
-
-import QtQuick 1.0
-
-Rectangle {
- id: myRect
-
- property string text
-
- width: 75; height: 50
- radius: 6
- color: "#646464"
- border.width: 4; border.color: "white"
-
- MouseArea {
- anchors.fill: parent
- hoverEnabled: true
- onEntered: {
- focusRect.x = myRect.x
- focusRect.y = myRect.y
- focusRect.text = myRect.text
- }
- }
-}
diff --git a/examples/declarative/qtquick1/animation/behaviors/behavior-example.qml b/examples/declarative/qtquick1/animation/behaviors/behavior-example.qml
deleted file mode 100644
index 39e72c3723..0000000000
--- a/examples/declarative/qtquick1/animation/behaviors/behavior-example.qml
+++ /dev/null
@@ -1,118 +0,0 @@
-/****************************************************************************
-**
-** Copyright (C) 2012 Nokia Corporation and/or its subsidiary(-ies).
-** Contact: http://www.qt-project.org/
-**
-** This file is part of the examples of the Qt Toolkit.
-**
-** $QT_BEGIN_LICENSE:BSD$
-** You may use this file under the terms of the BSD license as follows:
-**
-** "Redistribution and use in source and binary forms, with or without
-** modification, are permitted provided that the following conditions are
-** met:
-** * Redistributions of source code must retain the above copyright
-** notice, this list of conditions and the following disclaimer.
-** * Redistributions in binary form must reproduce the above copyright
-** notice, this list of conditions and the following disclaimer in
-** the documentation and/or other materials provided with the
-** distribution.
-** * Neither the name of Nokia Corporation and its Subsidiary(-ies) nor
-** the names of its contributors may be used to endorse or promote
-** products derived from this software without specific prior written
-** permission.
-**
-** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
-** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
-** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
-** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
-** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
-** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
-** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
-** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
-** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
-** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
-**
-** $QT_END_LICENSE$
-**
-****************************************************************************/
-
-import QtQuick 1.0
-
-Rectangle {
- width: 600; height: 400
- color: "#343434"
-
- Rectangle {
- anchors.centerIn: parent
- width: 200; height: 200
- radius: 30
- color: "transparent"
- border.width: 4; border.color: "white"
-
-
- SideRect {
- id: leftRect
- anchors { verticalCenter: parent.verticalCenter; horizontalCenter: parent.left }
- text: "Left"
- }
-
- SideRect {
- id: rightRect
- anchors { verticalCenter: parent.verticalCenter; horizontalCenter: parent.right }
- text: "Right"
- }
-
- SideRect {
- id: topRect
- anchors { verticalCenter: parent.top; horizontalCenter: parent.horizontalCenter }
- text: "Top"
- }
-
- SideRect {
- id: bottomRect
- anchors { verticalCenter: parent.bottom; horizontalCenter: parent.horizontalCenter }
- text: "Bottom"
- }
-
-
- Rectangle {
- id: focusRect
-
- property string text
-
- x: 62; y: 75; width: 75; height: 50
- radius: 6
- border.width: 4; border.color: "white"
- color: "firebrick"
-
- // Set an 'elastic' behavior on the focusRect's x property.
- Behavior on x {
- NumberAnimation { easing.type: Easing.OutElastic; easing.amplitude: 3.0; easing.period: 2.0; duration: 300 }
- }
-
- // Set an 'elastic' behavior on the focusRect's y property.
- Behavior on y {
- NumberAnimation { easing.type: Easing.OutElastic; easing.amplitude: 3.0; easing.period: 2.0; duration: 300 }
- }
-
- Text {
- id: focusText
- text: focusRect.text
- anchors.centerIn: parent
- color: "white"
- font.pixelSize: 16; font.bold: true
-
- // Set a behavior on the focusText's x property:
- // Set the opacity to 0, set the new text value, then set the opacity back to 1.
- Behavior on text {
- SequentialAnimation {
- NumberAnimation { target: focusText; property: "opacity"; to: 0; duration: 150 }
- NumberAnimation { target: focusText; property: "opacity"; to: 1; duration: 150 }
- }
- }
- }
- }
- }
-}
diff --git a/examples/declarative/qtquick1/animation/behaviors/behaviors.qmlproject b/examples/declarative/qtquick1/animation/behaviors/behaviors.qmlproject
deleted file mode 100644
index 2bb4016996..0000000000
--- a/examples/declarative/qtquick1/animation/behaviors/behaviors.qmlproject
+++ /dev/null
@@ -1,14 +0,0 @@
-import QmlProject 1.0
-
-Project {
- /* Include .qml, .js, and image files from current directory and subdirectories */
- QmlFiles {
- directory: "."
- }
- JavaScriptFiles {
- directory: "."
- }
- ImageFiles {
- directory: "."
- }
-}
diff --git a/examples/declarative/qtquick1/animation/behaviors/wigglytext.qml b/examples/declarative/qtquick1/animation/behaviors/wigglytext.qml
deleted file mode 100644
index ded57a411d..0000000000
--- a/examples/declarative/qtquick1/animation/behaviors/wigglytext.qml
+++ /dev/null
@@ -1,108 +0,0 @@
-/****************************************************************************
-**
-** Copyright (C) 2012 Nokia Corporation and/or its subsidiary(-ies).
-** Contact: http://www.qt-project.org/
-**
-** This file is part of the examples of the Qt Toolkit.
-**
-** $QT_BEGIN_LICENSE:BSD$
-** You may use this file under the terms of the BSD license as follows:
-**
-** "Redistribution and use in source and binary forms, with or without
-** modification, are permitted provided that the following conditions are
-** met:
-** * Redistributions of source code must retain the above copyright
-** notice, this list of conditions and the following disclaimer.
-** * Redistributions in binary form must reproduce the above copyright
-** notice, this list of conditions and the following disclaimer in
-** the documentation and/or other materials provided with the
-** distribution.
-** * Neither the name of Nokia Corporation and its Subsidiary(-ies) nor
-** the names of its contributors may be used to endorse or promote
-** products derived from this software without specific prior written
-** permission.
-**
-** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
-** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
-** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
-** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
-** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
-** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
-** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
-** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
-** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
-** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
-**
-** $QT_END_LICENSE$
-**
-****************************************************************************/
-
-import QtQuick 1.0
-
-Rectangle {
- id: container
-
- property string text: "Drag this text..."
- property bool animated: true
-
- width: 640; height: 480; color: "#474747"; focus: true
-
- Keys.onPressed: {
- if (event.key == Qt.Key_Delete || event.key == Qt.Key_Backspace)
- container.remove()
- else if (event.text != "") {
- container.append(event.text)
- }
- }
-
- function append(text) {
- container.animated = false
- var lastLetter = container.children[container.children.length - 1]
- var newLetter = letterComponent.createObject(container)
- newLetter.text = text
- newLetter.follow = lastLetter
- container.animated = true
- }
-
- function remove() {
- if (container.children.length)
- container.children[container.children.length - 1].destroy()
- }
-
- function doLayout() {
- var follow = null
- for (var i = 0; i < container.text.length; ++i) {
- var newLetter = letterComponent.createObject(container)
- newLetter.text = container.text[i]
- newLetter.follow = follow
- follow = newLetter
- }
- }
-
- Component {
- id: letterComponent
- Text {
- id: letter
- property variant follow
-
- x: follow ? follow.x + follow.width : container.width / 3
- y: follow ? follow.y : container.height / 2
-
- font.pixelSize: 40; font.bold: true
- color: "#999999"; styleColor: "#222222"; style: Text.Raised
-
- MouseArea {
- anchors.fill: parent
- drag.target: letter; drag.axis: Drag.XandYAxis
- onPressed: letter.color = "#dddddd"
- onReleased: letter.color = "#999999"
- }
-
- Behavior on x { enabled: container.animated; SpringAnimation { spring: 3; damping: 0.3; mass: 1.0 } }
- Behavior on y { enabled: container.animated; SpringAnimation { spring: 3; damping: 0.3; mass: 1.0 } }
- }
- }
-
- Component.onCompleted: doLayout()
-}
diff --git a/examples/declarative/qtquick1/animation/easing/content/QuitButton.qml b/examples/declarative/qtquick1/animation/easing/content/QuitButton.qml
deleted file mode 100644
index 8161613e89..0000000000
--- a/examples/declarative/qtquick1/animation/easing/content/QuitButton.qml
+++ /dev/null
@@ -1,52 +0,0 @@
-/****************************************************************************
-**
-** Copyright (C) 2012 Nokia Corporation and/or its subsidiary(-ies).
-** Contact: http://www.qt-project.org/
-**
-** This file is part of the examples of the Qt Toolkit.
-**
-** $QT_BEGIN_LICENSE:BSD$
-** You may use this file under the terms of the BSD license as follows:
-**
-** "Redistribution and use in source and binary forms, with or without
-** modification, are permitted provided that the following conditions are
-** met:
-** * Redistributions of source code must retain the above copyright
-** notice, this list of conditions and the following disclaimer.
-** * Redistributions in binary form must reproduce the above copyright
-** notice, this list of conditions and the following disclaimer in
-** the documentation and/or other materials provided with the
-** distribution.
-** * Neither the name of Nokia Corporation and its Subsidiary(-ies) nor
-** the names of its contributors may be used to endorse or promote
-** products derived from this software without specific prior written
-** permission.
-**
-** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
-** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
-** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
-** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
-** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
-** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
-** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
-** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
-** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
-** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
-**
-** $QT_END_LICENSE$
-**
-****************************************************************************/
-
-import QtQuick 1.0
-Image {
- source: "quit.png"
- scale: quitMouse.pressed ? 0.8 : 1.0
- smooth: quitMouse.pressed
- MouseArea {
- id: quitMouse
- anchors.fill: parent
- anchors.margins: -10
- onClicked: Qt.quit()
- }
-}
diff --git a/examples/declarative/qtquick1/animation/easing/content/quit.png b/examples/declarative/qtquick1/animation/easing/content/quit.png
deleted file mode 100644
index b822057d4e..0000000000
--- a/examples/declarative/qtquick1/animation/easing/content/quit.png
+++ /dev/null
Binary files differ
diff --git a/examples/declarative/qtquick1/animation/easing/easing.qml b/examples/declarative/qtquick1/animation/easing/easing.qml
deleted file mode 100644
index 91a398a58e..0000000000
--- a/examples/declarative/qtquick1/animation/easing/easing.qml
+++ /dev/null
@@ -1,159 +0,0 @@
-/****************************************************************************
-**
-** Copyright (C) 2012 Nokia Corporation and/or its subsidiary(-ies).
-** Contact: http://www.qt-project.org/
-**
-** This file is part of the examples of the Qt Toolkit.
-**
-** $QT_BEGIN_LICENSE:BSD$
-** You may use this file under the terms of the BSD license as follows:
-**
-** "Redistribution and use in source and binary forms, with or without
-** modification, are permitted provided that the following conditions are
-** met:
-** * Redistributions of source code must retain the above copyright
-** notice, this list of conditions and the following disclaimer.
-** * Redistributions in binary form must reproduce the above copyright
-** notice, this list of conditions and the following disclaimer in
-** the documentation and/or other materials provided with the
-** distribution.
-** * Neither the name of Nokia Corporation and its Subsidiary(-ies) nor
-** the names of its contributors may be used to endorse or promote
-** products derived from this software without specific prior written
-** permission.
-**
-** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
-** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
-** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
-** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
-** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
-** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
-** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
-** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
-** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
-** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
-**
-** $QT_END_LICENSE$
-**
-****************************************************************************/
-
-import QtQuick 1.0
-import "content"
-
-Rectangle {
- id: window
- width: 600; height: 460; color: "#232323"
-
- ListModel {
- id: easingTypes
- ListElement { name: "Easing.Linear"; type: Easing.Linear; ballColor: "DarkRed" }
- ListElement { name: "Easing.InQuad"; type: Easing.InQuad; ballColor: "IndianRed" }
- ListElement { name: "Easing.OutQuad"; type: Easing.OutQuad; ballColor: "Salmon" }
- ListElement { name: "Easing.InOutQuad"; type: Easing.InOutQuad; ballColor: "Tomato" }
- ListElement { name: "Easing.OutInQuad"; type: Easing.OutInQuad; ballColor: "DarkOrange" }
- ListElement { name: "Easing.InCubic"; type: Easing.InCubic; ballColor: "Gold" }
- ListElement { name: "Easing.OutCubic"; type: Easing.OutCubic; ballColor: "Yellow" }
- ListElement { name: "Easing.InOutCubic"; type: Easing.InOutCubic; ballColor: "PeachPuff" }
- ListElement { name: "Easing.OutInCubic"; type: Easing.OutInCubic; ballColor: "Thistle" }
- ListElement { name: "Easing.InQuart"; type: Easing.InQuart; ballColor: "Orchid" }
- ListElement { name: "Easing.OutQuart"; type: Easing.OutQuart; ballColor: "Purple" }
- ListElement { name: "Easing.InOutQuart"; type: Easing.InOutQuart; ballColor: "SlateBlue" }
- ListElement { name: "Easing.OutInQuart"; type: Easing.OutInQuart; ballColor: "Chartreuse" }
- ListElement { name: "Easing.InQuint"; type: Easing.InQuint; ballColor: "LimeGreen" }
- ListElement { name: "Easing.OutQuint"; type: Easing.OutQuint; ballColor: "SeaGreen" }
- ListElement { name: "Easing.InOutQuint"; type: Easing.InOutQuint; ballColor: "DarkGreen" }
- ListElement { name: "Easing.OutInQuint"; type: Easing.OutInQuint; ballColor: "Olive" }
- ListElement { name: "Easing.InSine"; type: Easing.InSine; ballColor: "DarkSeaGreen" }
- ListElement { name: "Easing.OutSine"; type: Easing.OutSine; ballColor: "Teal" }
- ListElement { name: "Easing.InOutSine"; type: Easing.InOutSine; ballColor: "Turquoise" }
- ListElement { name: "Easing.OutInSine"; type: Easing.OutInSine; ballColor: "SteelBlue" }
- ListElement { name: "Easing.InExpo"; type: Easing.InExpo; ballColor: "SkyBlue" }
- ListElement { name: "Easing.OutExpo"; type: Easing.OutExpo; ballColor: "RoyalBlue" }
- ListElement { name: "Easing.InOutExpo"; type: Easing.InOutExpo; ballColor: "MediumBlue" }
- ListElement { name: "Easing.OutInExpo"; type: Easing.OutInExpo; ballColor: "MidnightBlue" }
- ListElement { name: "Easing.InCirc"; type: Easing.InCirc; ballColor: "CornSilk" }
- ListElement { name: "Easing.OutCirc"; type: Easing.OutCirc; ballColor: "Bisque" }
- ListElement { name: "Easing.InOutCirc"; type: Easing.InOutCirc; ballColor: "RosyBrown" }
- ListElement { name: "Easing.OutInCirc"; type: Easing.OutInCirc; ballColor: "SandyBrown" }
- ListElement { name: "Easing.InElastic"; type: Easing.InElastic; ballColor: "DarkGoldenRod" }
- ListElement { name: "Easing.OutElastic"; type: Easing.OutElastic; ballColor: "Chocolate" }
- ListElement { name: "Easing.InOutElastic"; type: Easing.InOutElastic; ballColor: "SaddleBrown" }
- ListElement { name: "Easing.OutInElastic"; type: Easing.OutInElastic; ballColor: "Brown" }
- ListElement { name: "Easing.InBack"; type: Easing.InBack; ballColor: "Maroon" }
- ListElement { name: "Easing.OutBack"; type: Easing.OutBack; ballColor: "LavenderBlush" }
- ListElement { name: "Easing.InOutBack"; type: Easing.InOutBack; ballColor: "MistyRose" }
- ListElement { name: "Easing.OutInBack"; type: Easing.OutInBack; ballColor: "Gainsboro" }
- ListElement { name: "Easing.OutBounce"; type: Easing.OutBounce; ballColor: "Silver" }
- ListElement { name: "Easing.InBounce"; type: Easing.InBounce; ballColor: "DimGray" }
- ListElement { name: "Easing.InOutBounce"; type: Easing.InOutBounce; ballColor: "SlateGray" }
- ListElement { name: "Easing.OutInBounce"; type: Easing.OutInBounce; ballColor: "DarkSlateGray" }
- }
-
- Component {
- id: delegate
-
- Item {
- height: 56; width: window.width
-
- Text { text: name; anchors.centerIn: parent; color: "White" }
-
- Rectangle {
- id: slot1; color: "#121212"; x: 30; height: 46; width: 46
- border.color: "#343434"; border.width: 1; radius: 12
- anchors.verticalCenter: parent.verticalCenter
- }
-
- Rectangle {
- id: slot2; color: "#121212"; x: window.width - 76; height: 46; width: 46
- border.color: "#343434"; border.width: 1; radius: 12
- anchors.verticalCenter: parent.verticalCenter
- }
-
- Rectangle {
- id: rect; x: 30; color: "#454545"
- border.color: "White"; border.width: 2
- height: 46; width: 46; radius: 12
- anchors.verticalCenter: parent.verticalCenter
-
- MouseArea {
- onClicked: if (rect.state == '') rect.state = "right"; else rect.state = ''
- anchors.fill: parent
- anchors.margins: -5 // Make MouseArea bigger than the rectangle, itself
- }
-
- states : State {
- name: "right"
- PropertyChanges { target: rect; x: window.width - 76; color: ballColor }
- }
-
- transitions: Transition {
- NumberAnimation { properties: "x"; easing.type: type; duration: 1000 }
- ColorAnimation { properties: "color"; easing.type: type; duration: 1000 }
- }
- }
- }
- }
-
- Flickable {
- anchors.fill: parent
- contentHeight: layout.height+50
- Rectangle {
- id: titlePane
- color: "#444444"
- height: 35
- anchors { top: parent.top; left: parent.left; right: parent.right }
- QuitButton {
- id: quitButton
- anchors.verticalCenter: parent.verticalCenter
- anchors.right: parent.right
- anchors.rightMargin: 10
- }
- }
- Column {
- id: layout
- anchors { top: titlePane.bottom; topMargin: 10; left: parent.left; right: parent.right }
- Repeater { model: easingTypes; delegate: delegate }
- }
- }
-}
diff --git a/examples/declarative/qtquick1/animation/easing/easing.qmlproject b/examples/declarative/qtquick1/animation/easing/easing.qmlproject
deleted file mode 100644
index 2120e51191..0000000000
--- a/examples/declarative/qtquick1/animation/easing/easing.qmlproject
+++ /dev/null
@@ -1,16 +0,0 @@
-import QmlProject 1.1
-
-Project {
- mainFile: "easing.qml"
-
- /* Include .qml, .js, and image files from current directory and subdirectories */
- QmlFiles {
- directory: "."
- }
- JavaScriptFiles {
- directory: "."
- }
- ImageFiles {
- directory: "."
- }
-}
diff --git a/examples/declarative/qtquick1/animation/states/qt-logo.png b/examples/declarative/qtquick1/animation/states/qt-logo.png
deleted file mode 100644
index 14ddf2a028..0000000000
--- a/examples/declarative/qtquick1/animation/states/qt-logo.png
+++ /dev/null
Binary files differ
diff --git a/examples/declarative/qtquick1/animation/states/states.qml b/examples/declarative/qtquick1/animation/states/states.qml
deleted file mode 100644
index a6d3f228ae..0000000000
--- a/examples/declarative/qtquick1/animation/states/states.qml
+++ /dev/null
@@ -1,101 +0,0 @@
-/****************************************************************************
-**
-** Copyright (C) 2012 Nokia Corporation and/or its subsidiary(-ies).
-** Contact: http://www.qt-project.org/
-**
-** This file is part of the examples of the Qt Toolkit.
-**
-** $QT_BEGIN_LICENSE:BSD$
-** You may use this file under the terms of the BSD license as follows:
-**
-** "Redistribution and use in source and binary forms, with or without
-** modification, are permitted provided that the following conditions are
-** met:
-** * Redistributions of source code must retain the above copyright
-** notice, this list of conditions and the following disclaimer.
-** * Redistributions in binary form must reproduce the above copyright
-** notice, this list of conditions and the following disclaimer in
-** the documentation and/or other materials provided with the
-** distribution.
-** * Neither the name of Nokia Corporation and its Subsidiary(-ies) nor
-** the names of its contributors may be used to endorse or promote
-** products derived from this software without specific prior written
-** permission.
-**
-** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
-** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
-** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
-** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
-** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
-** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
-** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
-** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
-** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
-** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
-**
-** $QT_END_LICENSE$
-**
-****************************************************************************/
-
-import QtQuick 1.0
-
-Rectangle {
- id: page
- width: 640; height: 480
- color: "#343434"
-
- Image {
- id: userIcon
- x: topLeftRect.x; y: topLeftRect.y
- source: "qt-logo.png"
- }
-
- Rectangle {
- id: topLeftRect
-
- anchors { left: parent.left; top: parent.top; leftMargin: 10; topMargin: 20 }
- width: 46; height: 54
- color: "Transparent"; border.color: "Gray"; radius: 6
-
- // Clicking in here sets the state to the default state, returning the image to
- // its initial position
- MouseArea { anchors.fill: parent; onClicked: page.state = '' }
- }
-
- Rectangle {
- id: middleRightRect
-
- anchors { right: parent.right; verticalCenter: parent.verticalCenter; rightMargin: 20 }
- width: 46; height: 54
- color: "Transparent"; border.color: "Gray"; radius: 6
-
- // Clicking in here sets the state to 'middleRight'
- MouseArea { anchors.fill: parent; onClicked: page.state = 'middleRight' }
- }
-
- Rectangle {
- id: bottomLeftRect
-
- anchors { left: parent.left; bottom: parent.bottom; leftMargin: 10; bottomMargin: 20 }
- width: 46; height: 54
- color: "Transparent"; border.color: "Gray"; radius: 6
-
- // Clicking in here sets the state to 'bottomLeft'
- MouseArea { anchors.fill: parent; onClicked: page.state = 'bottomLeft' }
- }
-
- states: [
- // In state 'middleRight', move the image to middleRightRect
- State {
- name: "middleRight"
- PropertyChanges { target: userIcon; x: middleRightRect.x; y: middleRightRect.y }
- },
-
- // In state 'bottomLeft', move the image to bottomLeftRect
- State {
- name: "bottomLeft"
- PropertyChanges { target: userIcon; x: bottomLeftRect.x; y: bottomLeftRect.y }
- }
- ]
-}
diff --git a/examples/declarative/qtquick1/animation/states/states.qmlproject b/examples/declarative/qtquick1/animation/states/states.qmlproject
deleted file mode 100644
index 019628e150..0000000000
--- a/examples/declarative/qtquick1/animation/states/states.qmlproject
+++ /dev/null
@@ -1,17 +0,0 @@
-import QmlProject 1.0
-
-Project {
- mainFile: "states.qml"
- //mainFile: "transitions.qml"
-
- /* Include .qml, .js, and image files from current directory and subdirectories */
- QmlFiles {
- directory: "."
- }
- JavaScriptFiles {
- directory: "."
- }
- ImageFiles {
- directory: "."
- }
-}
diff --git a/examples/declarative/qtquick1/animation/states/transitions.qml b/examples/declarative/qtquick1/animation/states/transitions.qml
deleted file mode 100644
index 64aca412fc..0000000000
--- a/examples/declarative/qtquick1/animation/states/transitions.qml
+++ /dev/null
@@ -1,130 +0,0 @@
-/****************************************************************************
-**
-** Copyright (C) 2012 Nokia Corporation and/or its subsidiary(-ies).
-** Contact: http://www.qt-project.org/
-**
-** This file is part of the examples of the Qt Toolkit.
-**
-** $QT_BEGIN_LICENSE:BSD$
-** You may use this file under the terms of the BSD license as follows:
-**
-** "Redistribution and use in source and binary forms, with or without
-** modification, are permitted provided that the following conditions are
-** met:
-** * Redistributions of source code must retain the above copyright
-** notice, this list of conditions and the following disclaimer.
-** * Redistributions in binary form must reproduce the above copyright
-** notice, this list of conditions and the following disclaimer in
-** the documentation and/or other materials provided with the
-** distribution.
-** * Neither the name of Nokia Corporation and its Subsidiary(-ies) nor
-** the names of its contributors may be used to endorse or promote
-** products derived from this software without specific prior written
-** permission.
-**
-** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
-** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
-** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
-** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
-** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
-** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
-** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
-** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
-** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
-** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
-**
-** $QT_END_LICENSE$
-**
-****************************************************************************/
-
-import QtQuick 1.0
-
-/*
- This is exactly the same as states.qml, except that we have appended
- a set of transitions to apply animations when the item changes
- between each state.
-*/
-
-Rectangle {
- id: page
- width: 640; height: 480
- color: "#343434"
-
- Image {
- id: userIcon
- x: topLeftRect.x; y: topLeftRect.y
- source: "qt-logo.png"
- }
-
- Rectangle {
- id: topLeftRect
-
- anchors { left: parent.left; top: parent.top; leftMargin: 10; topMargin: 20 }
- width: 46; height: 54
- color: "Transparent"; border.color: "Gray"; radius: 6
-
- // Clicking in here sets the state to the default state, returning the image to
- // its initial position
- MouseArea { anchors.fill: parent; onClicked: page.state = '' }
- }
-
- Rectangle {
- id: middleRightRect
-
- anchors { right: parent.right; verticalCenter: parent.verticalCenter; rightMargin: 20 }
- width: 46; height: 54
- color: "Transparent"; border.color: "Gray"; radius: 6
-
- // Clicking in here sets the state to 'middleRight'
- MouseArea { anchors.fill: parent; onClicked: page.state = 'middleRight' }
- }
-
- Rectangle {
- id: bottomLeftRect
-
- anchors { left: parent.left; bottom: parent.bottom; leftMargin: 10; bottomMargin: 20 }
- width: 46; height: 54
- color: "Transparent"; border.color: "Gray"; radius: 6
-
- // Clicking in here sets the state to 'bottomLeft'
- MouseArea { anchors.fill: parent; onClicked: page.state = 'bottomLeft' }
- }
-
- states: [
- // In state 'middleRight', move the image to middleRightRect
- State {
- name: "middleRight"
- PropertyChanges { target: userIcon; x: middleRightRect.x; y: middleRightRect.y }
- },
-
- // In state 'bottomLeft', move the image to bottomLeftRect
- State {
- name: "bottomLeft"
- PropertyChanges { target: userIcon; x: bottomLeftRect.x; y: bottomLeftRect.y }
- }
- ]
-
- // Transitions define how the properties change when the item moves between each state
- transitions: [
-
- // When transitioning to 'middleRight' move x,y over a duration of 1 second,
- // with OutBounce easing function.
- Transition {
- from: "*"; to: "middleRight"
- NumberAnimation { properties: "x,y"; easing.type: Easing.OutBounce; duration: 1000 }
- },
-
- // When transitioning to 'bottomLeft' move x,y over a duration of 2 seconds,
- // with InOutQuad easing function.
- Transition {
- from: "*"; to: "bottomLeft"
- NumberAnimation { properties: "x,y"; easing.type: Easing.InOutQuad; duration: 2000 }
- },
-
- // For any other state changes move x,y linearly over duration of 200ms.
- Transition {
- NumberAnimation { properties: "x,y"; duration: 200 }
- }
- ]
-}