add book

Qt6QMLBeginnersCode/5.UserInput/5-KeyNavigation/CMakeLists.txt

@@ -0,0 +1,40 @@
+# Copyright (c) Daniel Gakwaya.
+# SPDX-License-Identifier: MIT
+
+cmake_minimum_required(VERSION 3.16)
+
+project(5-KeyNavigation 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(app5-KeyNavigation
+    main.cpp
+)
+
+qt_add_qml_module(app5-KeyNavigation
+    URI 5-KeyNavigation
+    VERSION 1.0
+    QML_FILES Main.qml
+)
+
+set_target_properties(app5-KeyNavigation 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(app5-KeyNavigation
+    PRIVATE Qt6::Quick
+)
+
+install(TARGETS app5-KeyNavigation
+    BUNDLE DESTINATION .
+    LIBRARY DESTINATION ${CMAKE_INSTALL_LIBDIR}
+    RUNTIME DESTINATION ${CMAKE_INSTALL_BINDIR}
+)

Qt6QMLBeginnersCode/5.UserInput/5-KeyNavigation/Main.qml

@@ -0,0 +1,98 @@
+// Copyright (c) Daniel Gakwaya.
+// SPDX-License-Identifier: MIT
+
+import QtQuick
+
+Window {
+    visible: true
+    width: 640
+    height: 480
+    title: qsTr("Key Navigation Demo")
+
+    Grid {
+          anchors.centerIn: parent
+          columns: 2
+
+          Rectangle {
+              id: topLeft
+              width: 100; height: 100
+              color: focus ? "red" : "lightgray"
+              focus: true
+
+              KeyNavigation.right: topRight
+              KeyNavigation.down: bottomLeft
+          }
+
+          Rectangle {
+              id: topRight
+              width: 100; height: 100
+              color: focus ? "red" : "lightgray"
+
+              KeyNavigation.left: topLeft
+              KeyNavigation.down: bottomRight
+          }
+
+          Rectangle {
+              id: bottomLeft
+              width: 100; height: 100
+              color: focus ? "red" : "lightgray"
+
+              KeyNavigation.right: bottomRight
+              KeyNavigation.up: topLeft
+          }
+
+          Rectangle {
+              id: bottomRight
+              width: 100; height: 100
+              color: focus ? "red" : "lightgray"
+
+              KeyNavigation.left: bottomLeft
+              KeyNavigation.up: topRight
+          }
+
+    }
+
+
+
+
+
+    /*
+    Row {
+        anchors.centerIn: parent
+
+        Rectangle{
+            id: firstRectId
+            width: 200
+            height: width
+            border.color: "black"
+            color: "red"
+            focus: true
+
+            onFocusChanged: {
+                color = focus?"red":"gray"
+            }
+
+            Keys.onDigit5Pressed: {
+                console.log("I am Rect1")
+            }
+            KeyNavigation.right: secondRectId
+        }
+
+        Rectangle{
+            id: secondRectId
+            width: 200
+            height: width
+            border.color: "black"
+            color: "gray"
+            onFocusChanged: {
+                color = focus?"red":"gray"
+            }
+
+            Keys.onDigit5Pressed: {
+                console.log("I am Rect2")
+            }
+            KeyNavigation.left: firstRectId
+        }
+    }
+    */
+}

Qt6QMLBeginnersCode/5.UserInput/5-KeyNavigation/main.cpp

@@ -0,0 +1,19 @@
+// 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("5-KeyNavigation", "Main");
+
+    return app.exec();
+}