add book

Qt6QMLBeginnersCode/12-TransformsTransitionsAnimations/2-Transforms/CMakeLists.txt

@@ -0,0 +1,42 @@
+cmake_minimum_required(VERSION 3.16)
+
+project(2-Transforms 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(app2-Transforms
+    main.cpp
+)
+
+qt_add_qml_module(app2-Transforms
+    URI 2-Transforms
+    VERSION 1.0
+    QML_FILES Main.qml
+    QML_FILES ClickableRect.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(app2-Transforms PROPERTIES
+#    MACOSX_BUNDLE_GUI_IDENTIFIER com.example.app2-Transforms
+    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(app2-Transforms
+    PRIVATE Qt6::Quick
+)
+
+include(GNUInstallDirs)
+install(TARGETS app2-Transforms
+    BUNDLE DESTINATION .
+    LIBRARY DESTINATION ${CMAKE_INSTALL_LIBDIR}
+    RUNTIME DESTINATION ${CMAKE_INSTALL_BINDIR}
+)

Qt6QMLBeginnersCode/12-TransformsTransitionsAnimations/2-Transforms/ClickableRect.qml

@@ -0,0 +1,12 @@
+import QtQuick
+
+Rectangle{
+    id: rootId
+    signal clicked
+    MouseArea{
+        anchors.fill: parent
+        onClicked: function(){
+            rootId.clicked()
+        }
+    }
+}

Qt6QMLBeginnersCode/12-TransformsTransitionsAnimations/2-Transforms/Main.qml

@@ -0,0 +1,51 @@
+import QtQuick
+
+Window {
+    width: 640
+    height: 480
+    visible: true
+    title: qsTr("Transforms")
+
+    ClickableRect{
+        id: rect1Id
+        width: 100
+        height: 100
+        x: 50
+        y: 100
+        color: "red"
+        onClicked: function(){
+            //Translation on x
+            x += 20
+        }
+    }
+    ClickableRect{
+        id: rect2Id
+        width: 100
+        height: 100
+        transformOrigin: Item.TopRight
+        x: 250
+        y: 100
+        color: "green"
+        onClicked: function(){
+            // Rotation
+            rotation += 15
+        }
+    }
+    ClickableRect{
+        id: rect3Id
+        width: 100
+        height: 100
+        transformOrigin: Item.BottomLeft
+        x: 450
+        y: 100
+        color: "blue"
+        onClicked: function(){
+            //scaling
+            scale += 0.05
+
+            //rotation
+            rotation += 20
+        }
+    }
+
+}

Qt6QMLBeginnersCode/12-TransformsTransitionsAnimations/2-Transforms/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:/2-Transforms/Main.qml"_qs);
+    QObject::connect(
+        &engine,
+        &QQmlApplicationEngine::objectCreationFailed,
+        &app,
+        []() { QCoreApplication::exit(-1); },
+        Qt::QueuedConnection);
+    engine.load(url);
+
+    return app.exec();
+}