examples: add qt6 qml

Author: danctorres

examples/qt/qml/BUILD

@@ -0,0 +1,16 @@
+load("//bazel/rules:qt.bzl", "qt_cc_binary", "qt_resource")
+
+qt_resource(
+    name = "qrc",
+    files = [
+        "main.qml",
+    ],
+)
+
+qt_cc_binary(
+    name = "bin",
+    srcs = ["main.cpp"],
+    deps = [
+        ":qrc",
+    ],
+)

examples/qt/qml/README

@@ -0,0 +1,13 @@
+# How to Run
+
+Run the following command to compile for x86:
+
+```bash
+bazel run //examples/qt/qml:bin
+```
+
+Run the following command to compile for aarch64:
+
+```bash
+bazel build //examples/qt/qml:bin --platforms=//bazel/platforms:aarch64_linux
+```

examples/qt/qml/main.cpp

@@ -0,0 +1,17 @@
+#include <QtCore/QString>
+#include <QtQml/QQmlApplicationEngine>
+#include <QtQml/QQmlContext>
+#include <QtWidgets/QApplication>
+
+auto main(int argc, char *argv[]) -> int {
+    QGuiApplication app(argc, argv);
+
+    QQmlApplicationEngine engine;
+
+    QString button_text = "Click me!";
+    engine.rootContext()->setContextProperty("buttonText", button_text);
+
+    engine.load(QUrl(QStringLiteral("qrc:/examples/qt/qml/main.qml")));
+
+    return QGuiApplication::exec();
+}

examples/qt/qml/main.qml

@@ -0,0 +1,65 @@
+import QtQuick 6.0
+import QtQuick.Controls 6.0
+
+ApplicationWindow {
+    visible: true
+    width: 640
+    height: 480
+    title: "Qt6 QML Example"
+
+    // Define properties
+    property color bgColor: "lightblue"
+    property int fontSize: 24
+
+    Rectangle {
+        width: parent.width
+        height: parent.height
+        color: bgColor
+
+        // Text element that changes based on interaction
+        Text {
+            id: label
+            text: "Adjust me!"
+            anchors.centerIn: parent
+            font.pixelSize: fontSize
+            color: "black"
+        }
+
+        // Slider to adjust font size
+        Slider {
+            id: fontSizeSlider
+            from: 10
+            to: 100
+            value: fontSize
+            anchors.top: label.bottom
+            anchors.horizontalCenter: parent.horizontalCenter
+            width: parent.width * 0.8
+            onValueChanged: {
+                fontSize = fontSizeSlider.value
+            }
+        }
+
+        // CheckBox to toggle background color
+        CheckBox {
+            text: "Change Background Color"
+            anchors.top: fontSizeSlider.bottom
+            anchors.horizontalCenter: parent.horizontalCenter
+            onCheckedChanged: {
+                bgColor = checked ? "lightgreen" : "lightblue"
+            }
+        }
+
+        // Button to reset the font size and background color
+        Button {
+            text: "Reset"
+            anchors.top: checkBox.bottom
+            anchors.horizontalCenter: parent.horizontalCenter
+            onClicked: {
+                fontSize = 24
+                bgColor = "lightblue"
+                fontSizeSlider.value = 24
+                checkBox.checked = false
+            }
+        }
+    }
+}

examples/qt/BUILD renamed to examples/qt/ui/BUILD

@@ -3,11 +3,11 @@
 Run the following command to compile for x86:
 
 ```bash
-bazel run //examples/qt:bin
+bazel run //examples/qt/ui:bin
 ```
 
 Run the following command to compile for aarch64:
 
 ```bash
-bazel build //examples/qt:bin --platforms=//bazel/platforms:aarch64_linux
+bazel build //examples/qt/ui:bin --platforms=//bazel/platforms:aarch64_linux
 ```

examples/qt/README renamed to examples/qt/ui/README

@@ -6,7 +6,7 @@
 #include <QtWidgets/QMainWindow>
 #include <QtWidgets/QPushButton>
 
-#include "examples/qt/ui_mainwindow.h"
+#include "examples/qt/ui/ui_mainwindow.h"
 
 class MainWindow : public QMainWindow {
     Q_OBJECT