Continue work on animation

This *still* doesn't work.
This commit is contained in:
Loren Burkholder 2021-04-02 14:36:22 -04:00
parent 31ea6413c6
commit 1918e89a0d

View file

@ -22,6 +22,11 @@ Item {
model = undefined
}
state: "hidden"
visible: false
property Item attached: null
property alias model: row.model
// TODO: make this work
states: [
State {
@ -41,6 +46,7 @@ Item {
PropertyChanges {
target: overlay
visible: false
opacity: 0
}
},
State {
@ -60,10 +66,10 @@ Item {
PropertyChanges {
target: overlay
visible: true
opacity: 1
}
}
]
state: "hidden"
transitions: [
Transition {
@ -71,32 +77,24 @@ Item {
to: "shown"
SequentialAnimation {
ParallelAnimation {
NumberAnimation {
target: popupRoot
property: "visible"
targets: [popupRoot, popup, overlay]
properties: "visible"
duration: 0
}
NumberAnimation {
target: popup
property: "visible"
duration: 0
}
}
ParallelAnimation {
NumberAnimation {
target: popup
property: "y"
duration: 500
duration: 250
easing.type: Easing.InOutQuad
}
NumberAnimation {
target: overlay
property: "visible"
duration: 500
property: "opacity"
duration: 250
easing.type: Easing.InQuad
}
}
@ -112,38 +110,27 @@ Item {
NumberAnimation {
target: popup
property: "y"
duration: 500
duration: 250
easing.type: Easing.InOutQuad
}
NumberAnimation {
target: overlay
property: "visible"
duration: 500
property: "opacity"
duration: 250
easing.type: Easing.InQuad
}
}
ParallelAnimation {
NumberAnimation {
target: popupRoot
property: "visible"
targets: [popupRoot, popup, overlay]
properties: "visible"
duration: 0
}
NumberAnimation {
target: popup
property: "visible"
duration: 0
}
}
}
}
]
property Item attached: null
property alias model: row.model
Rectangle {
id: popup
@ -256,24 +243,17 @@ Item {
}
}
Rectangle {
FastBlur {
id: overlay
anchors.fill: parent
source: timelineRoot
radius: 50
z: popupBottomBar.z - 1
color: "gray"
opacity: 0.5
visible: false
opacity: 0
TapHandler {
onTapped: popupRoot.hide()
}
// TODO: this needs some work; it doesn't blur very well
FastBlur {
z: overlay.z - 1
anchors.fill: parent
source: timelineRoot
radius: 50
}
}
}