From 9a8db98b6398090f577fad4c347832a0aa801085 Mon Sep 17 00:00:00 2001 From: Orangerot Date: Tue, 30 Jul 2024 10:56:05 +0200 Subject: feat(qtquick): chat example to build up on --- res/gui/EventInfoPage.qml | 27 +++++++++++++++++++++++++++ res/gui/EventsPage.qml | 37 +++++++++++++++++++++++++++++++++++++ res/gui/application.qml | 16 +++++++++------- 3 files changed, 73 insertions(+), 7 deletions(-) create mode 100644 res/gui/EventInfoPage.qml create mode 100644 res/gui/EventsPage.qml (limited to 'res/gui') diff --git a/res/gui/EventInfoPage.qml b/res/gui/EventInfoPage.qml new file mode 100644 index 0000000..956507e --- /dev/null +++ b/res/gui/EventInfoPage.qml @@ -0,0 +1,27 @@ +import QtQuick +import QtQuick.Layouts +import QtQuick.Controls + +Page { + id: root + property string event_id + + header: ToolBar { + ToolButton { + text: qsTr("Back") + anchors.left: parent.left + anchors.leftMargin: 10 + anchors.verticalCenter: parent.verticalCenter + onClicked: root.StackView.view.pop() + } + Label { + id: pageTitle + font.pixelSize: 20 + anchors.centerIn: parent + text: qsTr("Event Info") + } + } + + +} + diff --git a/res/gui/EventsPage.qml b/res/gui/EventsPage.qml new file mode 100644 index 0000000..772418e --- /dev/null +++ b/res/gui/EventsPage.qml @@ -0,0 +1,37 @@ +import QtQuick +import QtQuick.Controls + +Page { + id: root + header: ToolBar { + Label { + text: qsTr("Olympia 2024 Events") + font.pixelSize: 20 + anchors.centerIn: parent + } + } + + ListView { + id: listView + anchors.fill: parent + topMargin: 48 + leftMargin: 48 + bottomMargin: 48 + rightMargin: 48 + spacing: 20 + model: ["Albert Einstein", "Ernest Hemingway", "Hans Gude"] + delegate: ItemDelegate { + text: modelData + width: listView.width - listView.leftMargin - listView.rightMargin + height: avatar.implicitHeight + 32 + leftPadding: avatar.implicitWidth + 32 + onClicked: root.StackView.view.push("EventInfoPage.qml", { event_id: 1 }) + + Image { + id: avatar + // source: "images/" + modelData.replace(" ", "_") + ".png" + } + } + } +} + diff --git a/res/gui/application.qml b/res/gui/application.qml index 38da5d6..cf7b04d 100644 --- a/res/gui/application.qml +++ b/res/gui/application.qml @@ -2,12 +2,14 @@ import QtQuick import QtQuick.Controls ApplicationWindow { - width: 400 - height: 400 - visible: true + width: 400 + height: 400 + visible: true - Button { - id: button - text: "A Special Button" - } + StackView { + id: stackView + anchors.fill: parent + initialItem: EventsPage {} + } } + -- cgit v1.2.3