contents/splash/Splash.qml

0001 /*
0002     SPDX-FileCopyrightText: 2014 Marco Martin <mart@kde.org>
0003
0004     SPDX-License-Identifier: GPL-2.0-or-later
0005 */
0006
0007 import QtQuick 2.1
0008
0009
0010 Image {
0011     id: root
0012     source: "images/background.png"
0013
0014     property int stage
0015
0016     onStageChanged: {
0017         if (stage == 1) {
0018             introAnimation.running = true
0019         }
0020     }
0021     Image {
0022         id: topRect
0023         anchors.horizontalCenter: parent.horizontalCenter
0024         y: root.height
0025         source: "images/rectangle.png"
0026         Image {
0027             source: "images/kde.png"
0028             anchors.centerIn: parent
0029         }
0030         Rectangle {
0031             radius: 3
0032             color: "#31363b"
0033             anchors {
0034                 bottom: parent.bottom
0035                 bottomMargin: 50
0036                 horizontalCenter: parent.horizontalCenter
0037             }
0038             height: 8
0039             width: height*32
0040             Rectangle {
0041                 radius: 3
0042                 anchors {
0043                     left: parent.left
0044                     top: parent.top
0045                     bottom: parent.bottom
0046                 }
0047                 width: (parent.width / 6) * (stage - 1)
0048                 color: "#3daee9"
0049                 Behavior on width {
0050                     PropertyAnimation {
0051                         duration: 250
0052                         easing.type: Easing.InOutQuad
0053                     }
0054                 }
0055             }
0056         }
0057     }
0058
0059     SequentialAnimation {
0060         id: introAnimation
0061         running: false
0062
0063         ParallelAnimation {
0064             PropertyAnimation {
0065                 property: "y"
0066                 target: topRect
0067                 to: root.height / 3
0068                 duration: 1000
0069                 easing.type: Easing.InOutBack
0070                 easing.overshoot: 1.0
0071             }
0072
0073             PropertyAnimation {
0074                 property: "y"
0075                 target: bottomRect
0076                 to: 2 * (root.height / 3) - bottomRect.height
0077                 duration: 1000
0078                 easing.type: Easing.InOutBack
0079                 easing.overshoot: 1.0
0080             }
0081         }
0082     }
0083 }