diff options
| -rw-r--r-- | features/OnboardingForm.ui.qml | 199 |
1 files changed, 97 insertions, 102 deletions
diff --git a/features/OnboardingForm.ui.qml b/features/OnboardingForm.ui.qml index c23daf2..7f959e7 100644 --- a/features/OnboardingForm.ui.qml +++ b/features/OnboardingForm.ui.qml @@ -1,115 +1,110 @@ import QtQuick 2.12 -import QtQuick.Layouts 1.12 import QtQuick.Controls 2.12 import QtQuick.Controls.Material 2.12 +import QtQuick.Layouts 1.12 -Page { - id: page - title: qsTr("Onboarding") +StackView { + property alias logoImage: logoImage + property alias onboardingImage: onboardingImage + property alias onboardingText1: onboardingText1 + property alias registerButton: registerButton + property alias loginButton: loginButton - property alias logoImage: logoImage - property alias registerButton: registerButton - property alias loginButton: loginButton - property alias onboardingImage: onboardingImage - property alias onboardingText1: onboardingText1 + initialItem: Page { + id: page + title: qsTr("Onboarding") - ToolBar { - id: toolBar + 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 + 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: "#9AFFFFFF" - } - RowLayout { - anchors.fill: parent + background: Rectangle { + color: "#9AFFFFFF" + } + 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" - } - } - } + 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 + 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: registerButton.top - anchors.bottomMargin: 16 - wrapMode: Text.WordWrap - anchors.right: parent.right - anchors.rightMargin: 72 - anchors.left: parent.left - anchors.leftMargin: 16 - font.pointSize: 24 - font.family: "Work Sans" - font.weight: Font.Bold - } - RoundButton { - id: registerButton - text: qsTr("Get started") - hoverEnabled: false - highlighted: true - anchors.right: parent.right - anchors.rightMargin: 8 - anchors.left: parent.left - anchors.leftMargin: 8 - anchors.bottom: loginButton.top - anchors.bottomMargin: 8 - font.capitalization: Font.MixedCase - font.family: "Work Sans" - } + 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: registerButton.top + anchors.bottomMargin: 16 + wrapMode: Text.WordWrap + anchors.right: parent.right + anchors.rightMargin: 72 + anchors.left: parent.left + anchors.leftMargin: 16 + font.pointSize: 24 + font.family: "Work Sans" + font.weight: Font.Bold + } + RoundButton { + id: registerButton + text: qsTr("Get started") + hoverEnabled: false + highlighted: true + anchors.right: parent.right + anchors.rightMargin: 8 + anchors.left: parent.left + anchors.leftMargin: 8 + anchors.bottom: loginButton.top + anchors.bottomMargin: 8 + font.capitalization: Font.MixedCase + font.family: "Work Sans" + } - RoundButton { - id: loginButton - flat: true - highlighted: false - Material.foreground: Material.primary - text: qsTr("Log in") - anchors.right: parent.right - anchors.rightMargin: 8 - anchors.left: parent.left - anchors.leftMargin: 8 - anchors.bottom: parent.bottom - anchors.bottomMargin: 16 - font.capitalization: Font.MixedCase - font.family: "Work Sans" - } - } + RoundButton { + id: loginButton + flat: true + highlighted: false + Material.foreground: Material.primary + text: qsTr("Log in") + anchors.right: parent.right + anchors.rightMargin: 8 + anchors.left: parent.left + anchors.leftMargin: 8 + anchors.bottom: parent.bottom + anchors.bottomMargin: 16 + font.capitalization: Font.MixedCase + font.family: "Work Sans" + } + } + } } - -/*##^## -Designer { - D{i:0;autoSize:true;height:480;width:640} -} -##^##*/ - |