Refactored the animation

qml/main.qml

@@ -36,24 +36,62 @@ Item {
     property real verticalSpacing: launcher.screenRect.height * 0.01
     property real maxSpacing: horizontalSpacing > verticalSpacing ? horizontalSpacing : verticalSpacing
     property bool showed: launcher.showed
-    opacity: 1.0
 
     onShowedChanged: {
-        if (showed)
+        rootOpacityAni.restart()
-            root.opacity = 1.0
+        wallpaperColorAni.restart()
-        else
+        blurAnimation.restart()
-            closeOpacityAni.restart()
+        appViewOpacityAni.restart()
+        appViewScaleAni.restart()
     }
 
     NumberAnimation {
-        id: closeOpacityAni
+        id: rootOpacityAni
-        from: 1
+        from: root.showed ? 1 : 0
-        to: 0
+        to: root.showed ? 0 : 1
         target: root
         property: "opacity"
         duration: 200
     }
 
+    NumberAnimation {
+        id: blurAnimation
+        target: wallpaperBlur
+        property: "radius"
+        duration: 300
+        from: root.showed ? 72 : 0
+        to: root.showed ? 0 : 72
+    }
+
+    NumberAnimation {
+        id: wallpaperColorAni
+        target: wallpaperColor
+        property: "opacity"
+        from: root.showed ? 0.4 : 0.0
+        to: root.showed ? 0.0 : 0.4
+        duration: 250
+    }
+
+    NumberAnimation {
+        id: appViewScaleAni
+        target: appView
+        property: "scale"
+        easing.type: Easing.OutCubic
+        from: root.showed ? 1.0 : 1.2
+        to: root.showed ? 1.2 : 1.0
+        duration: 180
+    }
+
+    NumberAnimation {
+        id: appViewOpacityAni
+        target: appView
+        property: "opacity"
+        easing.type: Easing.OutCubic
+        from: root.showed ? 1.0 : 0.0
+        to: root.showed ? 0.0 : 1.0
+        duration: 240
+    }
+
     Wallpaper {
         id: backend
     }
@@ -75,28 +113,16 @@ Item {
         anchors.fill: parent
         source: wallpaper
         cached: true
-        radius: root.showed ? 72 : 0
         visible: true
-
-        Behavior on radius {
-            NumberAnimation {
-                duration: 300
-            }
-        }
     }
 
+
     ColorOverlay {
+        id: wallpaperColor
         anchors.fill: parent
         source: wallpaperBlur
         color: "#000000"
         visible: true
-        opacity: showed ? 0.4 : 0.0
-
-        Behavior on opacity {
-            NumberAnimation {
-                duration: 250
-            }
-        }
     }
 
     LauncherModel {
@@ -199,32 +225,16 @@ Item {
             Layout.fillWidth: true
 
             Keys.enabled: true
-            Keys.forwardTo: grid
+            Keys.forwardTo: appView
 
             LauncherGridView {
-                id: grid
+                id: appView
                 anchors.fill: parent
                 anchors.leftMargin: gridItem.width * 0.07
                 anchors.rightMargin: gridItem.width * 0.07
                 Layout.alignment: Qt.AlignHCenter
                 focus: true
 
-                scale: root.showed ? 1.0 : 1.2
-                Behavior on scale {
-                    NumberAnimation {
-                        easing.type: Easing.OutCubic
-                        duration: 180
-                    }
-                }
-
-                opacity: root.showed ? 1.0 : 0.0
-                Behavior on opacity {
-                    NumberAnimation {
-                        easing.type: Easing.OutCubic
-                        duration: 240
-                    }
-                }
-
                 Keys.enabled: true
                 Keys.onPressed: {
                     if (event.key === Qt.Key_Escape)
@@ -250,16 +260,16 @@ Item {
                     text: qsTr("Not found")
                     font.pointSize: 30
                     color: "white"
-                    visible: grid.count === 0
+                    visible: appView.count === 0
                 }
             }
         }
 
         PageIndicator {
             id: pageIndicator
-            count: grid.pages
+            count: appView.pages
-            currentIndex: grid.currentPage
+            currentIndex: appView.currentPage
-            onCurrentIndexChanged: grid.currentPage = currentIndex
+            onCurrentIndexChanged: appView.currentPage = currentIndex
             interactive: true
             spacing: FishUI.Units.largeSpacing
             Layout.alignment: Qt.AlignHCenter
@@ -289,8 +299,8 @@ Item {
         function onVisibleChanged(visible) {
             if (visible) {
                 textField.focus = false
-                grid.focus = true
+                appView.focus = true
-                grid.forceActiveFocus()
+                appView.forceActiveFocus()
             } else {
                 textField.text = ""
             }