1 files changed, 69 insertions, 0 deletions
diff --git a/examples/TransitionItem/PageFadeEffect.qml b/examples/TransitionItem/PageFadeEffect.qml
new file mode 100644
index 0000000..55ad981
--- /dev/null
+++ b/examples/TransitionItem/PageFadeEffect.qml
@@ -0,0 +1,69 @@
+/****************************************************************************
+**
+** 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
+
+PageEffect {
+    id: effect
+    //Fade Effect
+    duration: 250
+    onStarted: {
+        anim01.target = transitionView.__fromContentItem
+        anim02.target = transitionView.__toContentItem
+        anim.start()
+    }
+
+    property ParallelAnimation __FadeAnim: ParallelAnimation {
+        id: anim
+
+        loops: 1
+        PropertyAnimation {
+            id: anim01
+            duration: effect.duration
+            property: "opacity"
+            from: 1
+            to: 0
+            easing: effect.easing
+        }
+
+        PropertyAnimation {
+            id: anim02
+            duration: effect.duration
+            property: "opacity"
+            from: 0
+            to: 1
+            easing: effect.easing
+        }
+    }
+
+    onFinished: {
+
+    }
+}