From 38c3528e65231caea5ffce765cfbf30e3c2786ee Mon Sep 17 00:00:00 2001 From: Anatasof Wirapraja Date: Tue, 3 Sep 2019 11:17:02 +0700 Subject: add Home UI --- assets/menu-24px.svg | 1 + kelakon.qrc | 3 +++ pages/CreateProfile.qml | 5 +++++ pages/Home.qml | 7 ++++++ pages/HomeForm.ui.qml | 57 +++++++++++++++++++++++++++++++++++++++++++++++++ 5 files changed, 73 insertions(+) create mode 100644 assets/menu-24px.svg create mode 100644 pages/Home.qml create mode 100644 pages/HomeForm.ui.qml diff --git a/assets/menu-24px.svg b/assets/menu-24px.svg new file mode 100644 index 0000000..770b192 --- /dev/null +++ b/assets/menu-24px.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/kelakon.qrc b/kelakon.qrc index b89472b..bab06ed 100644 --- a/kelakon.qrc +++ b/kelakon.qrc @@ -18,5 +18,8 @@ pages/CreateProfile.qml pages/CreateProfileForm.ui.qml assets/photo_camera_24px.svg + pages/Home.qml + pages/HomeForm.ui.qml + assets/menu-24px.svg diff --git a/pages/CreateProfile.qml b/pages/CreateProfile.qml index 9cfb615..048c861 100644 --- a/pages/CreateProfile.qml +++ b/pages/CreateProfile.qml @@ -9,4 +9,9 @@ CreateProfileForm { stackView.pop() } } + skipButton { + onClicked: { + stackView.push("qrc:/pages/Home.qml") + } + } } diff --git a/pages/Home.qml b/pages/Home.qml new file mode 100644 index 0000000..1cce621 --- /dev/null +++ b/pages/Home.qml @@ -0,0 +1,7 @@ +import QtQuick 2.12 +import id.co.darapsa.kelakon.user 0.1 + +HomeForm { + width: stackView.width + height: stackView.height +} diff --git a/pages/HomeForm.ui.qml b/pages/HomeForm.ui.qml new file mode 100644 index 0000000..191f459 --- /dev/null +++ b/pages/HomeForm.ui.qml @@ -0,0 +1,57 @@ +import QtQuick 2.12 +import QtQuick.Layouts 1.3 +import QtQuick.Controls 2.12 +import QtQuick.Controls.Material 2.12 + +Rectangle { + + property alias backButton: menuButton + + ToolBar { + id: toolbar + height: 56 + font.family: "Google Sans" + anchors.top: parent.top + anchors.topMargin: 0 + anchors.right: parent.right + anchors.rightMargin: 0 + anchors.left: parent.left + anchors.leftMargin: 0 + background: rectangle + + RowLayout { + anchors.fill: parent + spacing: 8 + + ToolButton { + id: menuButton + icon.name: "back-icon" + icon.source: "/assets/menu-24px.svg" + highlighted: true + } + Label { + id: title + text: qsTr("Today") + font.weight: Font.Medium + wrapMode: Text.WordWrap + color: "#000000" + font.family: "Google Sans" + font.pointSize: 20 + elide: Label.ElideRight + horizontalAlignment: Text.AlignLeft + verticalAlignment: Qt.AlignVCenter + Layout.fillWidth: true + } + ToolButton { + } + } + } +} + + + + +/*##^## Designer { + D{i:0;autoSize:true;height:480;width:640} +} + ##^##*/ -- cgit v1.2.3