diff options
Diffstat (limited to 'doc/qtdesignstudio/examples/loginui4/content/Screen01.ui.qml')
-rw-r--r-- | doc/qtdesignstudio/examples/loginui4/content/Screen01.ui.qml | 180 |
1 files changed, 180 insertions, 0 deletions
diff --git a/doc/qtdesignstudio/examples/loginui4/content/Screen01.ui.qml b/doc/qtdesignstudio/examples/loginui4/content/Screen01.ui.qml new file mode 100644 index 00000000000..fa8377b980f --- /dev/null +++ b/doc/qtdesignstudio/examples/loginui4/content/Screen01.ui.qml @@ -0,0 +1,180 @@ +import QtQuick +import QtQuick.Controls +import Loginui1 +import QtQuick.Timeline 1.0 + +Rectangle { + id: rectangle + width: Constants.width + height: Constants.height + + color: Constants.backgroundColor + state: "login" + + Image { + id: adventurePage + anchors.fill: parent + source: "images/adventurePage.jpg" + fillMode: Image.PreserveAspectFit + } + + Image { + id: qt_logo_green_128x128px + anchors.top: parent.top + source: "images/qt_logo_green_128x128px.png" + anchors.horizontalCenter: parent.horizontalCenter + anchors.topMargin: 40 + fillMode: Image.PreserveAspectFit + } + Text { + id: tagLine + color: "#ffffff" + text: qsTr("Are you ready to explore?") + anchors.top: qt_logo_green_128x128px.bottom + font.pixelSize: 50 + anchors.topMargin: 40 + anchors.horizontalCenter: parent.horizontalCenter + font.family: "Titillium Web ExtraLight" + anchors.horizontalCenterOffset: 0 + } + + EntryField { + id: username + text: qsTr("Username or Email") + anchors.top: tagLine.bottom + anchors.horizontalCenter: parent.horizontalCenter + anchors.topMargin: 170 + } + + EntryField { + id: password + text: qsTr("Password") + anchors.top: username.bottom + anchors.horizontalCenter: parent.horizontalCenter + anchors.topMargin: 21 + } + + EntryField { + id: repeatPassword + opacity: 0 + text: qsTr("Repeat Password") + anchors.top: password.bottom + anchors.horizontalCenter: parent.horizontalCenter + anchors.topMargin: 20 + } + + Column { + id: buttons + y: 944 + anchors.bottom: parent.bottom + anchors.horizontalCenter: parent.horizontalCenter + anchors.bottomMargin: 50 + spacing: 20 + + PushButton { + id: login + text: qsTr("Continue") + } + + PushButton { + id: createAccount + text: qsTr("Create Account") + + Connections { + target: createAccount + onClicked: rectangle.state = "createAccount" + } + } + } + + Timeline { + id: timeline + animations: [ + TimelineAnimation { + id: toCreateAccountState + duration: 1000 + running: false + loops: 1 + to: 1000 + from: 0 + } + ] + endFrame: 1000 + enabled: true + startFrame: 0 + + KeyframeGroup { + target: repeatPassword + property: "opacity" + Keyframe { + value: 0 + frame: 0 + } + + Keyframe { + value: 1 + frame: 1000 + } + } + + KeyframeGroup { + target: createAccount + property: "opacity" + Keyframe { + value: 1 + frame: 0 + } + + Keyframe { + value: 0 + frame: 1000 + } + } + + KeyframeGroup { + target: repeatPassword + property: "anchors.topMargin" + Keyframe { + value: -100 + frame: 0 + } + + Keyframe { + value: -100 + frame: 4 + } + + Keyframe { + easing.bezierCurve: [0.39, 0.575, 0.565, 1, 1, 1] + value: 20 + frame: 999 + } + } + } + states: [ + State { + name: "login" + }, + State { + name: "createAccount" + + PropertyChanges { + target: timeline + enabled: true + } + + PropertyChanges { + target: toCreateAccountState + running: true + } + } + ] +} + +/*##^## +Designer { + D{i:0;formeditorZoom:0.5}D{i:1}D{i:2}D{i:3}D{i:4}D{i:5}D{i:6}D{i:8}D{i:10}D{i:9}D{i:7} +D{i:11} +} +##^##*/ + |