mirror of
https://gitlab.com/kelteseth/ScreenPlay.git
synced 2024-11-10 04:52:41 +01:00
Add basic not working general wizard
This commit is contained in:
Elias
parent
6dfb129f10
commit
942f4186ae
@ -137,5 +137,6 @@
|
|||||||
<file>assets/icons/brand_gitlab.svg</file>
|
<file>assets/icons/brand_gitlab.svg</file>
|
||||||
<file>assets/icons/brand_twitter.svg</file>
|
<file>assets/icons/brand_twitter.svg</file>
|
||||||
<file>assets/icons/icon_done.svg</file>
|
<file>assets/icons/icon_done.svg</file>
|
||||||
|
<file>qml/Create/Wizards/Wizard.qml</file>
|
||||||
</qresource>
|
</qresource>
|
||||||
</RCC>
|
</RCC>
|
||||||
|
|||||||
@ -8,6 +8,8 @@ import QtQuick.Layouts 1.3
|
|||||||
import ScreenPlay 1.0
|
import ScreenPlay 1.0
|
||||||
import ScreenPlay.Create 1.0
|
import ScreenPlay.Create 1.0
|
||||||
|
|
||||||
|
import "../"
|
||||||
|
|
||||||
Item {
|
Item {
|
||||||
id: createNew
|
id: createNew
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
@ -27,10 +29,6 @@ Item {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
//Blocks some MouseArea from create page
|
|
||||||
MouseArea {
|
|
||||||
anchors.fill: parent
|
|
||||||
}
|
|
||||||
|
|
||||||
Connections {
|
Connections {
|
||||||
target: ScreenPlay.create
|
target: ScreenPlay.create
|
||||||
@ -60,230 +58,10 @@ Item {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
RectangularGlow {
|
Wizard {
|
||||||
id: effect
|
|
||||||
anchors {
|
|
||||||
top: wrapper.top
|
|
||||||
left: wrapper.left
|
|
||||||
right: wrapper.right
|
|
||||||
topMargin: 3
|
|
||||||
}
|
|
||||||
|
|
||||||
height: wrapper.height
|
|
||||||
width: wrapper.width
|
|
||||||
cached: true
|
|
||||||
glowRadius: 3
|
|
||||||
spread: 0.2
|
|
||||||
color: "black"
|
|
||||||
opacity: 0.4
|
|
||||||
cornerRadius: 15
|
|
||||||
}
|
|
||||||
|
|
||||||
Rectangle {
|
|
||||||
id: wrapper
|
|
||||||
width: 910
|
|
||||||
radius: 4
|
|
||||||
height: 460
|
|
||||||
anchors {
|
|
||||||
horizontalCenter: parent.horizontalCenter
|
|
||||||
top: parent.top
|
|
||||||
topMargin: 0
|
|
||||||
}
|
|
||||||
|
|
||||||
Loader {
|
|
||||||
id: loader_wrapperContent
|
|
||||||
anchors.fill: parent
|
|
||||||
z: 10
|
|
||||||
}
|
|
||||||
|
|
||||||
MouseArea {
|
|
||||||
anchors {
|
|
||||||
top: parent.top
|
|
||||||
right: parent.right
|
|
||||||
margins: 5
|
|
||||||
}
|
|
||||||
width: 32
|
|
||||||
height: width
|
|
||||||
cursorShape: Qt.PointingHandCursor
|
|
||||||
onClicked: {
|
|
||||||
createNew.state = "out"
|
|
||||||
timerBack.start()
|
|
||||||
}
|
|
||||||
|
|
||||||
Image {
|
|
||||||
id: imgClose
|
|
||||||
source: "qrc:/assets/icons/font-awsome/close.svg"
|
|
||||||
width: 16
|
|
||||||
height: 16
|
|
||||||
anchors.centerIn: parent
|
|
||||||
sourceSize: Qt.size(width, width)
|
|
||||||
}
|
|
||||||
ColorOverlay {
|
|
||||||
id: iconColorOverlay
|
|
||||||
anchors.fill: imgClose
|
|
||||||
source: imgClose
|
|
||||||
color: "gray"
|
|
||||||
}
|
|
||||||
Timer {
|
|
||||||
id: timerBack
|
|
||||||
interval: 800
|
|
||||||
onTriggered: {
|
|
||||||
ScreenPlay.create.abortAndCleanup()
|
|
||||||
ScreenPlay.util.setNavigationActive(true)
|
|
||||||
ScreenPlay.util.setNavigation("Create")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
states: [
|
|
||||||
State {
|
|
||||||
name: "out"
|
|
||||||
PropertyChanges {
|
|
||||||
target: wrapper
|
|
||||||
anchors.topMargin: 800
|
|
||||||
opacity: 0
|
|
||||||
}
|
|
||||||
PropertyChanges {
|
|
||||||
target: effect
|
|
||||||
opacity: 0
|
|
||||||
}
|
|
||||||
},
|
|
||||||
State {
|
|
||||||
name: "in"
|
|
||||||
PropertyChanges {
|
|
||||||
target: wrapper
|
|
||||||
anchors.topMargin: 100
|
|
||||||
opacity: 1
|
|
||||||
}
|
|
||||||
PropertyChanges {
|
|
||||||
target: effect
|
|
||||||
opacity: .4
|
|
||||||
}
|
|
||||||
},
|
|
||||||
State {
|
|
||||||
name: "error"
|
|
||||||
PropertyChanges {
|
|
||||||
target: wrapper
|
|
||||||
anchors.topMargin: 100
|
|
||||||
opacity: 1
|
|
||||||
}
|
|
||||||
PropertyChanges {
|
|
||||||
target: effect
|
|
||||||
opacity: .4
|
|
||||||
}
|
|
||||||
PropertyChanges {
|
|
||||||
target: loader_wrapperContent
|
|
||||||
opacity: 1
|
|
||||||
z: 1
|
|
||||||
source: "qrc:/qml/Create/Wizards/CreateWallpaper/CreateWallpaperResult.qml"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
State {
|
|
||||||
name: "success"
|
|
||||||
PropertyChanges {
|
|
||||||
target: wrapper
|
|
||||||
anchors.topMargin: 100
|
|
||||||
opacity: 1
|
|
||||||
}
|
|
||||||
PropertyChanges {
|
|
||||||
target: effect
|
|
||||||
opacity: .4
|
|
||||||
}
|
|
||||||
PropertyChanges {
|
|
||||||
target: loader_wrapperContent
|
|
||||||
opacity: 0
|
|
||||||
z: 0
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
]
|
|
||||||
transitions: [
|
|
||||||
Transition {
|
|
||||||
from: "out"
|
|
||||||
to: "in"
|
|
||||||
SequentialAnimation {
|
|
||||||
|
|
||||||
PauseAnimation {
|
|
||||||
duration: 400
|
|
||||||
}
|
|
||||||
ParallelAnimation {
|
|
||||||
|
|
||||||
PropertyAnimation {
|
|
||||||
target: wrapper
|
|
||||||
duration: 600
|
|
||||||
property: "anchors.topMargin"
|
|
||||||
easing.type: Easing.OutQuart
|
|
||||||
}
|
|
||||||
PropertyAnimation {
|
|
||||||
target: wrapper
|
|
||||||
duration: 600
|
|
||||||
property: "opacity"
|
|
||||||
easing.type: Easing.OutQuart
|
|
||||||
}
|
|
||||||
SequentialAnimation {
|
|
||||||
|
|
||||||
PauseAnimation {
|
|
||||||
duration: 1000
|
|
||||||
}
|
|
||||||
PropertyAnimation {
|
|
||||||
target: effect
|
|
||||||
duration: 300
|
|
||||||
property: "opacity"
|
|
||||||
easing.type: Easing.OutQuart
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
Transition {
|
|
||||||
from: "in"
|
|
||||||
to: "out"
|
|
||||||
|
|
||||||
ParallelAnimation {
|
|
||||||
|
|
||||||
PropertyAnimation {
|
|
||||||
target: wrapper
|
|
||||||
duration: 600
|
|
||||||
property: "anchors.topMargin"
|
|
||||||
easing.type: Easing.OutQuart
|
|
||||||
}
|
|
||||||
PropertyAnimation {
|
|
||||||
target: wrapper
|
|
||||||
duration: 600
|
|
||||||
property: "opacity"
|
|
||||||
easing.type: Easing.OutQuart
|
|
||||||
}
|
|
||||||
SequentialAnimation {
|
|
||||||
|
|
||||||
PauseAnimation {
|
|
||||||
duration: 500
|
|
||||||
}
|
|
||||||
PropertyAnimation {
|
|
||||||
target: effect
|
|
||||||
duration: 300
|
|
||||||
property: "opacity"
|
|
||||||
easing.type: Easing.OutQuart
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
Transition {
|
|
||||||
from: "in"
|
|
||||||
to: "error"
|
|
||||||
SequentialAnimation {
|
|
||||||
PropertyAnimation {
|
|
||||||
target: loader_wrapperContent
|
|
||||||
duration: 600
|
|
||||||
property: "opacity"
|
|
||||||
easing.type: Easing.OutQuart
|
|
||||||
}
|
|
||||||
PauseAnimation {
|
|
||||||
duration: 50
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
254
ScreenPlay/qml/Create/Wizards/Wizard.qml
Normal file
254
ScreenPlay/qml/Create/Wizards/Wizard.qml
Normal file
@ -0,0 +1,254 @@
|
|||||||
|
import QtQuick 2.12
|
||||||
|
import QtGraphicalEffects 1.0
|
||||||
|
import QtQuick.Controls 2.2
|
||||||
|
import QtQuick.Controls.Material 2.3
|
||||||
|
import Qt.labs.platform 1.0
|
||||||
|
import QtQuick.Layouts 1.3
|
||||||
|
|
||||||
|
import ScreenPlay 1.0
|
||||||
|
import ScreenPlay.Create 1.0
|
||||||
|
|
||||||
|
|
||||||
|
Item {
|
||||||
|
id: root
|
||||||
|
anchors.fill: parent
|
||||||
|
state: "out"
|
||||||
|
|
||||||
|
Component.onCompleted: {
|
||||||
|
state = "in"
|
||||||
|
}
|
||||||
|
|
||||||
|
//Blocks some MouseArea from create page
|
||||||
|
MouseArea {
|
||||||
|
anchors.fill: parent
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
RectangularGlow {
|
||||||
|
id: effect
|
||||||
|
anchors {
|
||||||
|
top: wrapper.top
|
||||||
|
left: wrapper.left
|
||||||
|
right: wrapper.right
|
||||||
|
topMargin: 3
|
||||||
|
}
|
||||||
|
|
||||||
|
height: wrapper.height
|
||||||
|
width: wrapper.width
|
||||||
|
cached: true
|
||||||
|
glowRadius: 3
|
||||||
|
spread: 0.2
|
||||||
|
color: "black"
|
||||||
|
opacity: 0.4
|
||||||
|
cornerRadius: 15
|
||||||
|
}
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
id: wrapper
|
||||||
|
width: 1200
|
||||||
|
height: 600
|
||||||
|
radius: 4
|
||||||
|
anchors {
|
||||||
|
horizontalCenter: parent.horizontalCenter
|
||||||
|
top: parent.top
|
||||||
|
topMargin: 0
|
||||||
|
}
|
||||||
|
|
||||||
|
Loader {
|
||||||
|
id: loader_wrapperContent
|
||||||
|
anchors.fill: parent
|
||||||
|
z: 10
|
||||||
|
}
|
||||||
|
|
||||||
|
MouseArea {
|
||||||
|
anchors {
|
||||||
|
top: parent.top
|
||||||
|
right: parent.right
|
||||||
|
margins: 5
|
||||||
|
}
|
||||||
|
width: 32
|
||||||
|
height: width
|
||||||
|
cursorShape: Qt.PointingHandCursor
|
||||||
|
onClicked: {
|
||||||
|
createNew.state = "out"
|
||||||
|
timerBack.start()
|
||||||
|
}
|
||||||
|
|
||||||
|
Image {
|
||||||
|
id: imgClose
|
||||||
|
source: "qrc:/assets/icons/font-awsome/close.svg"
|
||||||
|
width: 16
|
||||||
|
height: 16
|
||||||
|
anchors.centerIn: parent
|
||||||
|
sourceSize: Qt.size(width, width)
|
||||||
|
}
|
||||||
|
ColorOverlay {
|
||||||
|
id: iconColorOverlay
|
||||||
|
anchors.fill: imgClose
|
||||||
|
source: imgClose
|
||||||
|
color: "gray"
|
||||||
|
}
|
||||||
|
Timer {
|
||||||
|
id: timerBack
|
||||||
|
interval: 800
|
||||||
|
onTriggered: {
|
||||||
|
ScreenPlay.create.abortAndCleanup()
|
||||||
|
ScreenPlay.util.setNavigationActive(true)
|
||||||
|
ScreenPlay.util.setNavigation("Create")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
states: [
|
||||||
|
State {
|
||||||
|
name: "out"
|
||||||
|
PropertyChanges {
|
||||||
|
target: wrapper
|
||||||
|
anchors.topMargin: 800
|
||||||
|
opacity: 0
|
||||||
|
}
|
||||||
|
PropertyChanges {
|
||||||
|
target: effect
|
||||||
|
opacity: 0
|
||||||
|
}
|
||||||
|
},
|
||||||
|
State {
|
||||||
|
name: "in"
|
||||||
|
PropertyChanges {
|
||||||
|
target: wrapper
|
||||||
|
anchors.topMargin: 70
|
||||||
|
opacity: 1
|
||||||
|
}
|
||||||
|
PropertyChanges {
|
||||||
|
target: effect
|
||||||
|
opacity: .4
|
||||||
|
}
|
||||||
|
},
|
||||||
|
State {
|
||||||
|
name: "error"
|
||||||
|
PropertyChanges {
|
||||||
|
target: wrapper
|
||||||
|
anchors.topMargin: 100
|
||||||
|
opacity: 1
|
||||||
|
}
|
||||||
|
PropertyChanges {
|
||||||
|
target: effect
|
||||||
|
opacity: .4
|
||||||
|
}
|
||||||
|
PropertyChanges {
|
||||||
|
target: loader_wrapperContent
|
||||||
|
opacity: 1
|
||||||
|
z: 1
|
||||||
|
source: "qrc:/qml/Create/Wizards/CreateWallpaper/CreateWallpaperResult.qml"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
State {
|
||||||
|
name: "success"
|
||||||
|
PropertyChanges {
|
||||||
|
target: wrapper
|
||||||
|
anchors.topMargin: 100
|
||||||
|
opacity: 1
|
||||||
|
}
|
||||||
|
PropertyChanges {
|
||||||
|
target: effect
|
||||||
|
opacity: .4
|
||||||
|
}
|
||||||
|
PropertyChanges {
|
||||||
|
target: loader_wrapperContent
|
||||||
|
opacity: 0
|
||||||
|
z: 0
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
transitions: [
|
||||||
|
Transition {
|
||||||
|
from: "out"
|
||||||
|
to: "in"
|
||||||
|
SequentialAnimation {
|
||||||
|
|
||||||
|
PauseAnimation {
|
||||||
|
duration: 400
|
||||||
|
}
|
||||||
|
ParallelAnimation {
|
||||||
|
|
||||||
|
PropertyAnimation {
|
||||||
|
target: wrapper
|
||||||
|
duration: 600
|
||||||
|
property: "anchors.topMargin"
|
||||||
|
easing.type: Easing.OutQuart
|
||||||
|
}
|
||||||
|
PropertyAnimation {
|
||||||
|
target: wrapper
|
||||||
|
duration: 600
|
||||||
|
property: "opacity"
|
||||||
|
easing.type: Easing.OutQuart
|
||||||
|
}
|
||||||
|
SequentialAnimation {
|
||||||
|
|
||||||
|
PauseAnimation {
|
||||||
|
duration: 1000
|
||||||
|
}
|
||||||
|
PropertyAnimation {
|
||||||
|
target: effect
|
||||||
|
duration: 300
|
||||||
|
property: "opacity"
|
||||||
|
easing.type: Easing.OutQuart
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
Transition {
|
||||||
|
from: "in"
|
||||||
|
to: "out"
|
||||||
|
|
||||||
|
ParallelAnimation {
|
||||||
|
|
||||||
|
PropertyAnimation {
|
||||||
|
target: wrapper
|
||||||
|
duration: 600
|
||||||
|
property: "anchors.topMargin"
|
||||||
|
easing.type: Easing.OutQuart
|
||||||
|
}
|
||||||
|
PropertyAnimation {
|
||||||
|
target: wrapper
|
||||||
|
duration: 600
|
||||||
|
property: "opacity"
|
||||||
|
easing.type: Easing.OutQuart
|
||||||
|
}
|
||||||
|
SequentialAnimation {
|
||||||
|
|
||||||
|
PauseAnimation {
|
||||||
|
duration: 500
|
||||||
|
}
|
||||||
|
PropertyAnimation {
|
||||||
|
target: effect
|
||||||
|
duration: 300
|
||||||
|
property: "opacity"
|
||||||
|
easing.type: Easing.OutQuart
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
Transition {
|
||||||
|
from: "in"
|
||||||
|
to: "error"
|
||||||
|
SequentialAnimation {
|
||||||
|
PropertyAnimation {
|
||||||
|
target: loader_wrapperContent
|
||||||
|
duration: 600
|
||||||
|
property: "opacity"
|
||||||
|
easing.type: Easing.OutQuart
|
||||||
|
}
|
||||||
|
PauseAnimation {
|
||||||
|
duration: 50
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user