add book

Qt6QMLBeginnersCode/12-TransformsTransitionsAnimations/11-GroupedAnimations/CMakeLists.txt

@@ -0,0 +1,41 @@
+cmake_minimum_required(VERSION 3.16)
+
+project(11-GroupedAnimations VERSION 0.1 LANGUAGES CXX)
+
+set(CMAKE_CXX_STANDARD_REQUIRED ON)
+
+find_package(Qt6 6.4 REQUIRED COMPONENTS Quick)
+
+qt_standard_project_setup()
+
+qt_add_executable(app11-GroupedAnimations
+    main.cpp
+)
+
+qt_add_qml_module(app11-GroupedAnimations
+    URI 11-GroupedAnimations
+    VERSION 1.0
+    QML_FILES Main.qml
+)
+
+# Qt for iOS sets MACOSX_BUNDLE_GUI_IDENTIFIER automatically since Qt 6.1.
+# If you are developing for iOS or macOS you should consider setting an
+# explicit, fixed bundle identifier manually though.
+set_target_properties(app11-GroupedAnimations PROPERTIES
+#    MACOSX_BUNDLE_GUI_IDENTIFIER com.example.app11-GroupedAnimations
+    MACOSX_BUNDLE_BUNDLE_VERSION ${PROJECT_VERSION}
+    MACOSX_BUNDLE_SHORT_VERSION_STRING ${PROJECT_VERSION_MAJOR}.${PROJECT_VERSION_MINOR}
+    MACOSX_BUNDLE TRUE
+    WIN32_EXECUTABLE TRUE
+)
+
+target_link_libraries(app11-GroupedAnimations
+    PRIVATE Qt6::Quick
+)
+
+include(GNUInstallDirs)
+install(TARGETS app11-GroupedAnimations
+    BUNDLE DESTINATION .
+    LIBRARY DESTINATION ${CMAKE_INSTALL_LIBDIR}
+    RUNTIME DESTINATION ${CMAKE_INSTALL_BINDIR}
+)

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()
+            }
+        }
+    }
+}

Qt6QMLBeginnersCode/12-TransformsTransitionsAnimations/11-GroupedAnimations/main.cpp

@@ -0,0 +1,19 @@
+#include <QGuiApplication>
+#include <QQmlApplicationEngine>
+
+int main(int argc, char *argv[])
+{
+    QGuiApplication app(argc, argv);
+
+    QQmlApplicationEngine engine;
+    const QUrl url(u"qrc:/11-GroupedAnimations/Main.qml"_qs);
+    QObject::connect(
+        &engine,
+        &QQmlApplicationEngine::objectCreationFailed,
+        &app,
+        []() { QCoreApplication::exit(-1); },
+        Qt::QueuedConnection);
+    engine.load(url);
+
+    return app.exec();
+}