add book

Qt6QMLBeginnersCode/8-QtQuickControls/5-ComboBox/CMakeLists.txt

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

Qt6QMLBeginnersCode/8-QtQuickControls/5-ComboBox/Main.qml

@@ -0,0 +1,90 @@
+// Copyright (c) Daniel Gakwaya.
+// SPDX-License-Identifier: MIT
+
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+Window {
+    visible: true
+    width: 640
+    height: 480
+    title: qsTr("ComboBox")
+
+    ColumnLayout{
+        width: parent.width
+        height:parent.height
+
+        //Non Editable ComboBox
+
+        Label {
+            text: "Non Editable Combo"
+            wrapMode: Label.Wrap
+            //horizontalAlignment: Qt.AlignHCenter
+            //width: parent.width
+            Layout.fillWidth: true
+        }
+
+        ComboBox {
+            id: nonEditableComboId
+            model: ["One", "Two", "Three", "Four"]
+            //anchors.horizontalCenter: parent.horizontalCenter
+            onActivated: {
+                console.log("[" + currentIndex +"] " + currentText + " is activated")
+            }
+            Layout.fillWidth: true
+
+        }
+
+
+
+        //Editable ComboBox
+        Label {
+            text: "Editable Combo"
+            wrapMode: Label.Wrap
+            Layout.fillWidth: true
+        }
+
+        ComboBox {
+            id: editableComboId
+            editable: true
+            textRole : "text"
+            Layout.fillWidth: true
+            model: ListModel {
+                id : model
+                ListElement { text: "Dog"; location:"Kigali" }
+                ListElement { text: "Chicken"; location : "Beijing" }
+                ListElement { text: "Cat" ; location : "Mumbai" }
+                ListElement { text: "Meerkat" ; location : "Paris" }
+            }
+
+
+            onActivated: {
+                console.log("[" + currentIndex +"] " + currentText + " is activated")
+            }
+
+            onAccepted: {
+                if ( find(editText) === -1)
+                {
+                    model.append({text : editText , location : "US"})
+                }
+            }
+        }
+
+
+
+        Button{
+            text : "Capture current element"
+            Layout.fillWidth: true
+            onClicked: {
+                console.log("["  + model.get(editableComboId.currentIndex).text   +"]: " +
+                             model.get(editableComboId.currentIndex).location)
+            }
+        }
+
+        Item{
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+        }
+    }
+}

Qt6QMLBeginnersCode/8-QtQuickControls/5-ComboBox/main.cpp

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