add book

Qt6QMLBeginnersCode/11-ModelViewArchitecture/2-ListViewListModel/CMakeLists.txt

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

Qt6QMLBeginnersCode/11-ModelViewArchitecture/2-ListViewListModel/Main.qml

@@ -0,0 +1,103 @@
+// Copyright (c) Daniel Gakwaya.
+// SPDX-License-Identifier: MIT
+
+import QtQuick
+import QtQuick.Window
+
+Window {
+    visible: true
+    width: 640
+    height: 480
+    title: qsTr("ListView and ListModel Demo")
+
+    ListView {
+        id: mListViewId
+        anchors.fill: parent
+        model: mModelId
+        //delegate: delegateId
+
+
+        delegate: Rectangle {
+            id: rectangleId
+            width: parent.width
+            height: 50
+            color: "beige"
+            border.color: "yellowgreen"
+            radius: 10
+
+            Text {
+                id: textId
+                anchors.centerIn: parent
+                font.pointSize: 20
+                text: country + " : " + capital
+            }
+
+            MouseArea {
+                anchors.fill: parent
+                onClicked: {
+                    console.log("Clicked on: "+ capital + ", "+ country)
+                }
+            }
+        }
+
+    }
+
+
+    ListModel {
+        id: mModelId
+        ListElement {
+            country: "Rwanda"
+            capital: "Kigali"
+        }
+        ListElement {
+            country: "Germany"; capital: "Berlin"
+        }
+        ListElement {
+            country: "Japan"; capital: "Tokyo"
+        }
+
+        ListElement {
+            country :"Nigeria"; capital: "Lagos"
+        }
+        ListElement {
+            country: "Ghana"; capital: "Accra"
+        }
+        ListElement {
+            country: "Kenya"; capital: "Nairobi"
+        }
+        ListElement {
+            country: "India"; capital: "New Delhi"
+        }
+        ListElement {
+            country: "Uganda"; capital: "Kampala"
+        }
+
+    }
+
+    Component {
+        id: delegateId
+        Rectangle {
+            id: rectangleId
+            width: parent.width
+            height: 50
+            color: "dodgerblue"
+            border.color: "black"
+            radius: 15
+
+            Text {
+                id: textId
+                anchors.centerIn: parent
+                font.pointSize: 20
+                text: country + ": " + capital
+            }
+
+            MouseArea {
+                anchors.fill: parent
+                onClicked: {
+                    console.log("Clicked on: "+ capital + ", "+ country)
+                }
+            }
+        }
+    }
+
+}

Qt6QMLBeginnersCode/11-ModelViewArchitecture/2-ListViewListModel/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("ListViewListModel", "Main");
+
+    return app.exec();
+}