add book

Qt6QMLBeginnersCode/3.BasicElements/1-RectangleItemText/CMakeLists.txt

@@ -0,0 +1,40 @@
+# Copyright (c) Daniel Gakwaya.
+# SPDX-License-Identifier: MIT
+
+cmake_minimum_required(VERSION 3.16)
+
+project(1-RectangleItemText VERSION 0.1 LANGUAGES CXX)
+
+set(CMAKE_CXX_STANDARD_REQUIRED ON)
+
+find_package(Qt6 6.5 REQUIRED COMPONENTS Quick)
+
+qt_standard_project_setup(REQUIRES 6.5)
+
+qt_add_executable(app1-RectangleItemText
+    main.cpp resource.qrc
+)
+
+qt_add_qml_module(app1-RectangleItemText
+    URI 1-RectangleItemText
+    VERSION 1.0
+    QML_FILES Main.qml
+)
+
+set_target_properties(app1-RectangleItemText PROPERTIES
+    MACOSX_BUNDLE_GUI_IDENTIFIER my.example.com
+    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(app1-RectangleItemText
+    PRIVATE Qt6::Quick
+)
+
+install(TARGETS app1-RectangleItemText
+    BUNDLE DESTINATION .
+    LIBRARY DESTINATION ${CMAKE_INSTALL_LIBDIR}
+    RUNTIME DESTINATION ${CMAKE_INSTALL_BINDIR}
+)

Qt6QMLBeginnersCode/3.BasicElements/1-RectangleItemText/Main.qml

@@ -0,0 +1,124 @@
+// Copyright (c) Daniel Gakwaya.
+// SPDX-License-Identifier: MIT
+
+import QtQuick
+
+Window {
+    visible: true
+    width: 640
+    height: 480
+    title: qsTr("QML Basic Elements Demo")
+
+    Item {
+        id: containerItemId
+        x: 50; y: 50
+        width: 400
+        height: 200
+
+        Rectangle {
+            anchors.fill: parent
+            color: "beige"
+
+            /*
+            //Grouped Property Syntax Variation #1
+            border.color: "black"
+            border.width: 5
+            */
+
+            //Grouped Property Syntax Variation #2
+            /*
+            border {
+                color: "black"
+                width: 5
+            }
+            */
+
+            //Grouped Property Syntax Variation #3
+            border {
+                color: "black"
+                //width: 5
+            }
+        }
+
+        Rectangle {
+            x: 0
+            y: 10
+            width: 50
+            height: 50
+            color: "red"
+            MouseArea {
+                anchors.fill: parent
+                onClicked: {
+
+                }
+            }
+        }
+
+        Rectangle {
+            x: 60
+            y: 10
+            width: 50
+            height: 50
+            color: "green"
+            MouseArea {
+                anchors.fill: parent
+                onClicked: {
+
+                }
+            }
+        }
+
+
+        Rectangle {
+            x: 120
+            y: 10
+            width: 50
+            height: 50
+            color: "blue"
+            MouseArea {
+                anchors.fill: parent
+                onClicked: {
+
+                }
+            }
+        }
+
+        Rectangle {
+            x: 180
+            y: 10
+            width: 50
+            height: 50
+            color: "magenta"
+            MouseArea {
+                anchors.fill: parent
+                onClicked: {
+
+                }
+            }
+        }
+
+
+        Text {
+            x: 100
+            y: 100
+            id: mTextId
+            text: "Hello World!"
+            //font.family: "Helvetica"; font.pointSize: 13; font.bold: true
+
+            /*
+            font {
+                family: "Helvetica"
+                pointSize: 13
+                bold: true
+            }
+            */
+
+            font {
+                family: "Helvetica"; pointSize: 13; bold: true
+            }
+
+            color: "red"
+        }
+
+    }
+}

Qt6QMLBeginnersCode/3.BasicElements/1-RectangleItemText/main.cpp

@@ -0,0 +1,18 @@
+// Copyright (c) Daniel Gakwaya.
+// SPDX-License-Identifier: MIT
+
+#include <QGuiApplication>
+#include <QQmlApplicationEngine>
+
+int main(int argc, char *argv[])
+{
+   QGuiApplication app(argc, argv);
+
+    QQmlApplicationEngine engine;
+    QObject::connect(&engine, &QQmlApplicationEngine::objectCreationFailed,
+        &app, []() { QCoreApplication::exit(-1); },
+        Qt::QueuedConnection);
+    engine.loadFromModule("1-RectangleItemText", "Main");
+
+    return app.exec();
+}

Qt6QMLBeginnersCode/3.BasicElements/1-RectangleItemText/resource.qrc

@@ -0,0 +1,5 @@
+<RCC>
+    <qresource prefix="/">
+        <file>images/LearnQt.png</file>
+    </qresource>
+</RCC>

Qt6QMLBeginnersCode/3.BasicElements/2-Image/CMakeLists.txt

@@ -0,0 +1,41 @@
+# Copyright (c) Daniel Gakwaya.
+# SPDX-License-Identifier: MIT
+
+cmake_minimum_required(VERSION 3.16)
+
+project(2-Image VERSION 0.1 LANGUAGES CXX)
+
+set(CMAKE_AUTORCC ON)
+set(CMAKE_CXX_STANDARD_REQUIRED ON)
+
+find_package(Qt6 6.5 REQUIRED COMPONENTS Quick)
+
+qt_standard_project_setup(REQUIRES 6.5)
+
+qt_add_executable(app2-Image
+    main.cpp resource.qrc
+)
+
+qt_add_qml_module(app2-Image
+    URI 2-Image
+    VERSION 1.0
+    QML_FILES Main.qml
+)
+
+set_target_properties(app2-Image PROPERTIES
+    MACOSX_BUNDLE_GUI_IDENTIFIER my.example.com
+    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-Image
+    PRIVATE Qt6::Quick
+)
+
+install(TARGETS app2-Image
+    BUNDLE DESTINATION .
+    LIBRARY DESTINATION ${CMAKE_INSTALL_LIBDIR}
+    RUNTIME DESTINATION ${CMAKE_INSTALL_BINDIR}
+)

Qt6QMLBeginnersCode/3.BasicElements/2-Image/Main.qml

@@ -0,0 +1,78 @@
+// Copyright (c) Daniel Gakwaya.
+// SPDX-License-Identifier: MIT
+
+import QtQuick
+
+Window {
+    visible: true
+    width: 640
+    height: 480
+    title: qsTr("QML Basic Elements Demo")
+
+    Item {
+        id: containerItemId
+        x: 150; y: 50
+        width: 600
+        height: 300
+
+        Image {
+            x: 10
+            y: 50
+            width: 100
+            height: 100
+            //Loading image from the working directory
+            source: "file:LearnQt.png"
+        }
+
+        Image {
+            x: 150
+            y: 50
+            width: 100
+            height: 100
+            //Loading image from the resource file
+            source: "qrc:/images/LearnQt.png"
+        }
+
+        //Load image from a full path
+        Image {
+            x: 300
+            y: 50
+            width: 100
+            height: 100
+            //Specify the full path to the image
+            source: "file:///D:/Artwork/LearnQt.png"
+        }
+
+        Image {
+            x: 450
+            y: 50
+            width: 100
+            height: 100
+            //Specify the full web path to the image
+            source: "https://www.learnqt.guide/images/qt_gui_intermediate.png"
+        }
+    }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Qt6QMLBeginnersCode/3.BasicElements/2-Image/main.cpp

@@ -0,0 +1,18 @@
+// Copyright (c) Daniel Gakwaya.
+// SPDX-License-Identifier: MIT
+
+#include <QGuiApplication>
+#include <QQmlApplicationEngine>
+
+int main(int argc, char *argv[])
+{
+    QGuiApplication app(argc, argv);
+
+    QQmlApplicationEngine engine;
+    QObject::connect(&engine, &QQmlApplicationEngine::objectCreationFailed,
+        &app, []() { QCoreApplication::exit(-1); },
+        Qt::QueuedConnection);
+    engine.loadFromModule("2-Image", "Main");
+
+    return app.exec();
+}

Qt6QMLBeginnersCode/3.BasicElements/2-Image/resource.qrc

@@ -0,0 +1,5 @@
+<RCC>
+    <qresource prefix="/">
+        <file>images/LearnQt.png</file>
+    </qresource>
+</RCC>

Qt6QMLBeginnersCode/3.BasicElements/3-CustomComponents/CMakeLists.txt

@@ -0,0 +1,40 @@
+# Copyright (c) Daniel Gakwaya.
+# SPDX-License-Identifier: MIT
+
+cmake_minimum_required(VERSION 3.16)
+
+project(3-CustomComponents VERSION 0.1 LANGUAGES CXX)
+
+set(CMAKE_CXX_STANDARD_REQUIRED ON)
+
+find_package(Qt6 6.5 REQUIRED COMPONENTS Quick)
+
+qt_standard_project_setup(REQUIRES 6.5)
+
+qt_add_executable(app3-CustomComponents
+    main.cpp
+)
+
+qt_add_qml_module(app3-CustomComponents
+    URI 3-CustomComponents
+    VERSION 1.0
+    QML_FILES Main.qml MButton.qml
+)
+
+set_target_properties(app3-CustomComponents PROPERTIES
+    MACOSX_BUNDLE_GUI_IDENTIFIER my.example.com
+    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(app3-CustomComponents
+    PRIVATE Qt6::Quick
+)
+
+install(TARGETS app3-CustomComponents
+    BUNDLE DESTINATION .
+    LIBRARY DESTINATION ${CMAKE_INSTALL_LIBDIR}
+    RUNTIME DESTINATION ${CMAKE_INSTALL_BINDIR}
+)

Qt6QMLBeginnersCode/3.BasicElements/3-CustomComponents/MButton.qml

@@ -0,0 +1,54 @@
+// Copyright (c) Daniel Gakwaya.
+// SPDX-License-Identifier: MIT
+
+import QtQuick
+
+Item {
+    id: rootId
+    property alias buttonText: buttonTextId.text
+    width: containerRectId.width
+    height: containerRectId.height
+    signal buttonClicked
+
+    Rectangle {
+        id: containerRectId
+        width: buttonTextId.implicitWidth + 20
+        height: buttonTextId.implicitHeight + 20
+        color: "red"
+        border { color: "blue"; width : 3}
+
+        Text {
+            id: buttonTextId
+            text: "Button"
+            anchors.centerIn: parent
+            onTextChanged: {
+                console.log("Text changed to "+ buttonTextId.text)
+            }
+        }
+
+        MouseArea {
+            anchors.fill: parent
+            onClicked: {
+                //console.log("Clicked on :"+ buttonTextId.text)
+                rootId.buttonClicked()
+            }
+        }
+    }
+
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Qt6QMLBeginnersCode/3.BasicElements/3-CustomComponents/Main.qml

@@ -0,0 +1,87 @@
+// Copyright (c) Daniel Gakwaya.
+// SPDX-License-Identifier: MIT
+
+import QtQuick
+
+Window {
+    visible: true
+    width: 640
+    height: 480
+    title: qsTr("Custom Components Demo")
+
+    //You can change Column to Row to have rectangles laid out horizontally
+    /*
+    Column {
+        spacing: 20
+        Rectangle {
+            width: 300
+            height: 100
+            color: "red"
+        }
+        Rectangle {
+            width: 300
+            height: 100
+            color: "blue"
+        }
+    }
+    */
+
+    /*
+    //Button code living in the main.qml file
+    Rectangle {
+        id: containerRectId
+        color: "red"
+        border {
+            color: "blue"
+            width: 3
+        }
+
+        //The width and height of the rectangle depend on the dimensions of the text in buttonTextId
+        width: buttonTextId.implicitWidth + 20
+        height: buttonTextId.implicitHeight + 20
+
+        Text {
+            id: buttonTextId
+            text: "Button"
+            anchors.centerIn: parent
+        }
+        MouseArea {
+            anchors.fill: parent
+            onClicked: {
+                console.log("Clicked on the button")
+            }
+        }
+    }
+    */
+
+
+    /*
+    MButton {
+        id: button1
+        buttonText: "Button1"
+    }
+    MButton {
+        id: button2
+        buttonText: "Button2"
+        anchors.top: button1.bottom
+    }
+    */
+
+    Column {
+        MButton {
+            buttonText: "Button1"
+            onButtonClicked: {
+                console.log("Clicked on button1")
+            }
+
+        }
+        MButton {
+            buttonText: "Button2"
+            onButtonClicked: {
+                console.log("clicked on button2")
+            }
+        }
+    }
+
+}
+

Qt6QMLBeginnersCode/3.BasicElements/3-CustomComponents/main.cpp

@@ -0,0 +1,18 @@
+// Copyright (c) Daniel Gakwaya.
+// SPDX-License-Identifier: MIT
+
+#include <QGuiApplication>
+#include <QQmlApplicationEngine>
+
+int main(int argc, char *argv[])
+{
+    QGuiApplication app(argc, argv);
+
+    QQmlApplicationEngine engine;
+    QObject::connect(&engine, &QQmlApplicationEngine::objectCreationFailed,
+        &app, []() { QCoreApplication::exit(-1); },
+        Qt::QueuedConnection);
+    engine.loadFromModule("3-CustomComponents", "Main");
+
+    return app.exec();
+}