diff options
Diffstat (limited to 'pages')
| -rw-r--r-- | pages/GetStarted.qml | 6 | ||||
| -rw-r--r-- | pages/GetStartedForm.ui.qml | 26 | ||||
| -rw-r--r-- | pages/HomeForm.ui.qml | 12 | ||||
| -rw-r--r-- | pages/Onboarding.qml | 10 | ||||
| -rw-r--r-- | pages/OnboardingForm.ui.qml | 138 |
5 files changed, 192 insertions, 0 deletions
diff --git a/pages/GetStarted.qml b/pages/GetStarted.qml new file mode 100644 index 0000000..b4744dd --- /dev/null +++ b/pages/GetStarted.qml @@ -0,0 +1,6 @@ +import QtQuick 2.15 + +GetStartedForm { + objectName: "getstarted" + backButton.onClicked: pageView.pop() +} diff --git a/pages/GetStartedForm.ui.qml b/pages/GetStartedForm.ui.qml new file mode 100644 index 0000000..7cff151 --- /dev/null +++ b/pages/GetStartedForm.ui.qml @@ -0,0 +1,26 @@ +import QtQuick 2.15 +import QtQuick.Controls 2.15 +import QtQuick.Layouts 1.12 + +Page { + id: pageView + property alias backButton: backButton + header: ToolBar { + background: Rectangle { + color: "#FAFFFFFF" + } + RowLayout { + ToolButton { + id: backButton + highlighted: true + } + } + } +} + +/*##^## +Designer { + D{i:0;autoSize:true;height:480;width:640} +} +##^##*/ + diff --git a/pages/HomeForm.ui.qml b/pages/HomeForm.ui.qml new file mode 100644 index 0000000..2df9430 --- /dev/null +++ b/pages/HomeForm.ui.qml @@ -0,0 +1,12 @@ +import QtQuick 2.15 +import QtQuick.Controls 2.15 + +Page { + + title: qsTr("Home") + + Label { + text: qsTr("You are on the home page.") + anchors.centerIn: parent + } +} diff --git a/pages/Onboarding.qml b/pages/Onboarding.qml new file mode 100644 index 0000000..4bcf381 --- /dev/null +++ b/pages/Onboarding.qml @@ -0,0 +1,10 @@ +import QtQuick 2.15 + +OnboardingForm { + objectName: "onboarding" +} +/*##^## +Designer { + D{i:0;autoSize:true;height:480;width:640} +} +##^##*/ diff --git a/pages/OnboardingForm.ui.qml b/pages/OnboardingForm.ui.qml new file mode 100644 index 0000000..536424c --- /dev/null +++ b/pages/OnboardingForm.ui.qml @@ -0,0 +1,138 @@ +import QtQuick 2.15 +import QtQuick.Controls 2.15 +import QtQuick.Layouts 1.12 +import QtQuick.Controls.Material 2.3 + +StackView { + property alias logoImage: logoImage + property alias onboardingImage: onboardingImage + property alias onboardingText1: onboardingText1 + property alias onboardingText2: onboardingText2 + property alias disclaimerText: disclaimerText + property alias startButton: startButton + + Page { + id: page + anchors.fill: parent + title: qsTr("Onboarding") + + ToolBar { + id: toolBar + + height: 56 + anchors.top: parent.top + anchors.topMargin: 0 + anchors.right: parent.right + anchors.rightMargin: 0 + anchors.left: parent.left + anchors.leftMargin: 0 + + background: Rectangle { + color: "transparent" + } + RowLayout { + anchors.fill: parent + + Image { + id: logoImage + Layout.preferredHeight: 24 + Layout.preferredWidth: 100 + fillMode: Image.PreserveAspectFit + Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter + Layout.fillWidth: false + Layout.fillHeight: false + source: "https://via.placeholder.com/100x24.png" + } + } + } + + StackView { + id: contentView + anchors.fill: parent + z: -1 + + Image { + id: onboardingImage + anchors.bottom: onboardingText1.top + anchors.bottomMargin: 32 + anchors.topMargin: 32 + toolBar.height + anchors.right: parent.right + anchors.rightMargin: 64 + anchors.left: parent.left + anchors.leftMargin: 64 + source: "https://via.placeholder.com/600x600.png" + fillMode: Image.PreserveAspectFit + } + Text { + id: onboardingText1 + text: qsTr("Onboarding text") + anchors.bottom: onboardingText2.top + anchors.bottomMargin: 4 + wrapMode: Text.WordWrap + anchors.right: parent.right + anchors.rightMargin: 72 + anchors.left: parent.left + anchors.leftMargin: 16 + font.pointSize: 24 + font.family: "Roboto Mono" + font.weight: Font.Black + } + + Text { + id: onboardingText2 + color: "#99000000" + text: qsTr("Onboarding text 2") + anchors.bottom: startButton.top + anchors.bottomMargin: 16 + wrapMode: Text.WordWrap + anchors.right: parent.right + anchors.rightMargin: 72 + anchors.left: parent.left + anchors.leftMargin: 16 + font.pointSize: 16 + font.family: "Roboto" + font.weight: Font.Normal + } + + RoundButton { + id: startButton + highlighted: true + Material.foreground: Material.primary + text: qsTr("Get Started") + anchors.right: parent.right + anchors.rightMargin: 8 + anchors.left: parent.left + anchors.leftMargin: 8 + anchors.bottom: disclaimerText.top + font.weight: Font.Medium + anchors.bottomMargin: 16 + font.capitalization: Font.MixedCase + font.family: "Roboto Mono" + } + Text { + id: disclaimerText + color: "#99000000" + text: qsTr("disclaimer text") + anchors.left: parent.left + anchors.right: parent.right + anchors.bottom: parent.bottom + horizontalAlignment: Text.AlignHCenter + verticalAlignment: Text.AlignVCenter + wrapMode: Text.WordWrap + font.weight: Font.Normal + font.pointSize: 10 + font.family: "Roboto Mono" + anchors.rightMargin: 24 + anchors.leftMargin: 24 + anchors.bottomMargin: 16 + } + } + } +} + +/*##^## +Designer { + D{i:0;autoSize:true;height:480;width:640} +} +##^##*/ + |