new ksplash design for 5.8

lookandfeel/contents/splash/Splash.qml

@@ -19,84 +19,65 @@
 
 import QtQuick 2.5
 
-Image {
+Rectangle {
     id: root
-    source: "../components/artwork/background.png"
+    color: "black"
-    fillMode: Image.PreserveAspectCrop
 
     property int stage
 
     onStageChanged: {
-        if (stage == 1) {
+        if (stage == 2) {
-            introAnimation.running = true
+            introAnimation.running = true;
+        } else if (stage == 5) {
+            introAnimation.target = busyIndicator;
+            introAnimation.from = 1;
+            introAnimation.to = 0;
+            introAnimation.running = true;
         }
     }
+
     TextMetrics {
         id: units
         text: "M"
         property int gridUnit: boundingRect.height 
     }
 
-    Rectangle {
+    Column {
-        id: topRect
+        id: content
-        width: parent.width
+        opacity: 0
-        height: units.gridUnit * 14
         anchors.centerIn: parent
-        color: "#4C000000"
+        Image {
-        Column {
+            anchors.horizontalCenter: parent.horizontalCenter
-            id: content
+            source: "images/kde.svgz"
-            y: units.gridUnit
+            sourceSize.height: units.gridUnit * 8
-            x: parent.width
+            sourceSize.width: units.gridUnit * 8
-            Image {
-                anchors.horizontalCenter: parent.horizontalCenter
-                source: "images/kde.svgz"
-                sourceSize.height: units.gridUnit * 8
-                sourceSize.width: units.gridUnit * 8
-            }
-            Item {
-                width: 1
-                height: Math.round(units.gridUnit * 3 - progressBar.height/2)
-            }
-            Rectangle {
-                id: progressBar
-                radius: height
-                color: "#31363b"
-                height: Math.round(units.gridUnit/2)
-                width: height*32
-                Rectangle {
-                    radius: 3
-                    anchors {
-                        left: parent.left
-                        top: parent.top
-                        bottom: parent.bottom
-                    }
-                    width: (parent.width / 6) * (stage - 1)
-                    color: "#3daee9"
-                    Behavior on width {
-                        PropertyAnimation {
-                            duration: 250
-                            easing.type: Easing.InOutQuad
-                        }
-                    }
-                }
-            }
         }
-        Rectangle {
+        Item {
-            id: separator
+            width: 1
-            height: 1
+            height: root.height / 3
-            color: "#fdfdfd"
+        }
-            width: parent.width
+        Image {
-            opacity: 0.4
+            anchors.horizontalCenter: parent.horizontalCenter
-            y: parent.height - units.gridUnit * 4
+            source: "images/busywidget.svgz"
+            sourceSize.height: units.gridUnit * 3
+            sourceSize.width: units.gridUnit * 3
+            RotationAnimator on rotation {
+                id: rotationAnimator
+                from: 0
+                to: 360
+                duration: 1500
+                loops: Animation.Infinite
+            }
         }
     }
 
-    XAnimator {
+
+    OpacityAnimator {
         id: introAnimation
         running: false
         target: content
-        from: root.width
+        from: 0
-        to: root.width / 2 - content.width/2
+        to: 1
         duration: 1000
         easing.type: Easing.InOutQuad
     }