aboutsummaryrefslogtreecommitdiffstats
path: root/doc/examples/transitions/main.qml
diff options
context:
space:
mode:
Diffstat (limited to 'doc/examples/transitions/main.qml')
-rw-r--r--doc/examples/transitions/main.qml158
1 files changed, 54 insertions, 104 deletions
diff --git a/doc/examples/transitions/main.qml b/doc/examples/transitions/main.qml
index 113cb551b0..b2d6928de4 100644
--- a/doc/examples/transitions/main.qml
+++ b/doc/examples/transitions/main.qml
@@ -1,122 +1,72 @@
-/****************************************************************************
-**
-** Copyright (C) 2016 The Qt Company Ltd.
-** Contact: https://www.qt.io/licensing/
-**
-** This file is part of the examples of the Qt Toolkit.
-**
-** $QT_BEGIN_LICENSE:BSD$
-** Commercial License Usage
-** Licensees holding valid commercial Qt licenses may use this file in
-** accordance with the commercial license agreement provided with the
-** Software or, alternatively, in accordance with the terms contained in
-** a written agreement between you and The Qt Company. For licensing terms
-** and conditions see https://www.qt.io/terms-conditions. For further
-** information use the contact form at https://www.qt.io/contact-us.
-**
-** BSD License Usage
-** Alternatively, 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 The Qt Company Ltd 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 2.5
-import QtQuick.Controls 1.4
+import QtQuick 2.6
+import QtQuick.Controls 1.5
import QtQuick.Dialogs 1.2
ApplicationWindow {
visible: true
- title: qsTr("Transitions")
width: 330
height: 330
+ title: qsTr("Transitions")
MainForm {
anchors.fill: parent
id: page
mouseArea1 {
- onClicked: stateGroup.state = ' '
- }
- mouseArea2 {
- onClicked: stateGroup.state = 'State1'
- }
- mouseArea3 {
- onClicked: stateGroup.state = 'State2'
- }
+ onClicked: stateGroup.state = ' '
+ }
+ mouseArea2 {
+ onClicked: stateGroup.state = 'State1'
+ }
+ mouseArea3 {
+ onClicked: stateGroup.state = 'State2'
+ }
}
StateGroup {
- id: stateGroup
- states: [
- State {
- name: "State1"
+ id: stateGroup
+ states: [
+ State {
+ name: "State1"
- PropertyChanges {
- target: page.icon
- x: page.middleRightRect.x
- y: page.middleRightRect.y
- }
- },
- State {
- name: "State2"
+ PropertyChanges {
+ target: page.icon
+ x: page.middleRightRect.x
+ y: page.middleRightRect.y
+ }
+ },
+ State {
+ name: "State2"
- PropertyChanges {
- target: page.icon
- x: page.bottomLeftRect.x
- y: page.bottomLeftRect.y
+ PropertyChanges {
+ target: page.icon
+ x: page.bottomLeftRect.x
+ y: page.bottomLeftRect.y
+ }
}
- }
- ]
- transitions: [
- Transition {
- from: "*"; to: "State1"
- NumberAnimation {
- easing.type: Easing.OutBounce
- properties: "x,y";
- duration: 1000
- }
- },
- Transition {
- from: "*"; to: "State2"
- NumberAnimation {
- properties: "x,y";
- easing.type: Easing.InOutQuad;
- duration: 2000
- }
- },
- Transition {
- NumberAnimation {
- properties: "x,y";
- duration: 200
+ ]
+ transitions: [
+ Transition {
+ from: "*"; to: "State1"
+ NumberAnimation {
+ easing.type: Easing.OutBounce
+ properties: "x,y";
+ duration: 1000
+ }
+ },
+ Transition {
+ from: "*"; to: "State2"
+ NumberAnimation {
+ properties: "x,y";
+ easing.type: Easing.InOutQuad;
+ duration: 2000
+ }
+ },
+ Transition {
+ NumberAnimation {
+ properties: "x,y";
+ duration: 200
+ }
}
- }
- ]
- }
- }
+ ]
+ }
+}