add book

Qt6QMLBeginnersCode/12-TransformsTransitionsAnimations/11-GroupedAnimations/Main.qml

@@ -0,0 +1,76 @@
+import QtQuick
+
+Window {
+    id: rootId
+    width: 640
+    height: 480
+    visible: true
+    title: qsTr("Grouped Animations")
+    readonly property int animationDuration: 500
+    property bool going_down: false
+
+    function animateCircle(){
+
+        if (going_down === false){
+            //Go down
+            going_down =  true
+            xAnimationId.from = 0
+            xAnimationId.to = rootId.width - circleId.width
+
+            yAnimationId.from = 0
+            yAnimationId.to = rootId.height - circleId.height
+        }else{
+            //Go up
+            going_down = false
+            xAnimationId.from = rootId.width - circleId.width
+            xAnimationId.to = 0
+
+            yAnimationId.from = rootId.height - circleId.height
+            yAnimationId.to = 0
+        }
+        groupedAnimationId.start()
+    }
+
+
+    Rectangle{
+        anchors.fill: parent
+        color: "gray"
+
+        Rectangle{
+            id: circleId
+            width: 100
+            height: 100
+            radius: 70
+            color: "yellowgreen"
+
+
+            //SequentialAnimation{
+            ParallelAnimation{
+                id: groupedAnimationId
+
+                //Animate x
+                NumberAnimation{
+                    id: xAnimationId
+                    target: circleId
+                    property: "x"
+                    duration: animationDuration
+                }
+
+                //Animate y
+                NumberAnimation{
+                    id: yAnimationId
+                    target: circleId
+                    property: "y"
+                    duration: animationDuration
+                }
+            }
+        }
+
+        MouseArea{
+            anchors.fill: parent
+            onClicked: function(){
+                animateCircle()
+            }
+        }
+    }
+}