1 files changed, 210 insertions, 0 deletions
diff --git a/examples/TransitionItem/Screen01.ui.qml b/examples/TransitionItem/Screen01.ui.qml
new file mode 100644
index 0000000..fe41254
--- /dev/null
+++ b/examples/TransitionItem/Screen01.ui.qml
@@ -0,0 +1,210 @@
+/****************************************************************************
+**
+** Copyright (C) 2018 The Qt Company Ltd.
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of Qt Quick Designer Components.
+**
+** $QT_BEGIN_LICENSE:GPL$
+** 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.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 or (at your option) any later version
+** approved by the KDE Free Qt Foundation. The licenses are as published by
+** the Free Software Foundation and appearing in the file LICENSE.GPL3
+** included in the packaging of this file. Please review the following
+** information to ensure the GNU General Public License requirements will
+** be met: https://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.10
+import TransitionItem 1.0
+import QtQuick.Controls 2.3
+import QtQuick.Timeline 1.0
+
+Rectangle {
+    id: rectangle
+    width: Constants.width
+    height: Constants.height
+
+    color: Constants.backgroundColor
+
+    TransitionView {
+        id: view
+        x: 3
+        y: -4
+        width: 1277
+        height: 727
+        currentIndex: slider.value
+        Image {
+            id: page01
+            source: "images/shuttle1.jpg"
+        }
+
+        Image {
+            id: page02
+            source: "images/shuttle2.jpg"
+        }
+
+        Image {
+            id: page03
+            source: "images/shuttle3.jpg"
+        }
+
+        Image {
+            id: page04
+            source: "images/shuttle4.jpg"
+        }
+
+        Image {
+            id: page05
+            source: "images/shuttle5.jpg"
+        }
+
+        Image {
+            id: page06
+            source: "images/shuttle6.jpg"
+
+            Button {
+                id: button
+                text: qsTr("Back")
+            }
+        }
+
+        defaultTransition: PageTransition {
+        }
+
+        transitions: [
+            PageTransition {
+                from: page01
+                to: page02
+
+                effect: PageSlideRightEffect {
+                }
+            },
+
+            PageTransition {
+                from: page02
+                to: page03
+
+                effect: PageSlideRightEffect {
+                    duration: 500
+                }
+            },
+            PageTransition {
+                from: page03
+                to: page04
+
+                effect: PagePushRightEffect {
+                }
+            },
+            PageTransition {
+                from: page04
+                to: page05
+
+                effect: PagePushRightEffect {
+                    duration: 500
+                }
+            },
+
+            PageTransition {
+                from: page05
+                to: page06
+
+                effect: PageSlideUpEffect {
+                    easing.bezierCurve: [0.236, 0.75, 0.592, 0.862, 0.768, 0.982, 0.861, 0.936, 0.812, 0.929, 0.886, 0.96, 0.93, 0.984, 0.957, 0.986, 1, 1]
+                }
+            },
+
+            PageTransition {
+                from: page06
+                to: page05
+
+                effect: PageSlideDownEffect {
+                    easing.bezierCurve: [0.236, 0.75, 0.592, 0.862, 0.768, 0.982, 0.861, 0.936, 0.812, 0.929, 0.886, 0.96, 0.93, 0.984, 0.957, 0.986, 1, 1]
+                }
+            },
+            PageTransition {
+                from: page04
+                to: page03
+
+                effect: PagePushLeftEffect {
+                }
+            },
+            PageTransition {
+                from: page05
+                to: page04
+
+                effect: PagePushLeftEffect {
+                    duration: 500
+                }
+            },
+
+            PageTransition {
+                from: page02
+                to: page01
+
+                effect: PageSlideLeftEffect {
+                }
+            },
+
+            PageTransition {
+                from: page03
+                to: page02
+
+                effect: PageSlideLeftEffect {
+                    duration: 500
+                }
+            },
+
+            PageTransition {
+                id: transitionToStart
+                from: page06
+                to: page01
+                effect: PageFadeEffect {
+                }
+            }
+        ]
+    }
+
+    Slider {
+        id: slider
+        x: 30
+        y: 23
+        to: 5
+        stepSize: 1
+        value: 0
+    }
+
+    Connections {
+        target: button
+        onClicked: {
+            transitionToStart.trigger()
+            slider.value = 0
+
+            /* TODO bindings should be preserved when calling trigger */
+            view.currentIndex = Qt.binding(function () {
+                return slider.value
+            })
+        }
+    }
+
+    Label {
+        id: label
+        x: 331
+        y: 24
+        color: "#ffffff"
+        text: view.currentIndex
+        font.pointSize: 24
+    }
+}