popouts: transition between popout content
This commit is contained in:
parent
afd9b0af97
commit
c3a91e7554
1 changed files with 44 additions and 20 deletions
|
|
@ -63,28 +63,52 @@ Item {
|
||||||
anchors.verticalCenter: parent.verticalCenter
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
anchors.right: parent.right
|
anchors.right: parent.right
|
||||||
|
|
||||||
active: shouldBeActive
|
opacity: 0
|
||||||
|
scale: 0.8
|
||||||
asynchronous: true
|
asynchronous: true
|
||||||
|
|
||||||
// Behavior on active {
|
states: State {
|
||||||
// SequentialAnimation {
|
name: "active"
|
||||||
// Anim {
|
when: popout.shouldBeActive
|
||||||
// target: popout
|
|
||||||
// property: "opacity"
|
PropertyChanges {
|
||||||
// from: popout.shouldBeActive ? 1 : 0
|
popout.active: true
|
||||||
// to: popout.shouldBeActive ? 0 : 1
|
popout.opacity: 1
|
||||||
// duration: popout.shouldBeActive ? 0 : Appearance.anim.durations.normal
|
popout.scale: 1
|
||||||
// }
|
}
|
||||||
// PropertyAction {}
|
}
|
||||||
// Anim {
|
|
||||||
// target: popout
|
transitions: [
|
||||||
// property: "opacity"
|
Transition {
|
||||||
// from: popout.shouldBeActive ? 0 : 1
|
from: "active"
|
||||||
// to: popout.shouldBeActive ? 1 : 0
|
to: ""
|
||||||
// duration: popout.shouldBeActive ? Appearance.anim.durations.normal : 0
|
|
||||||
// }
|
SequentialAnimation {
|
||||||
// }
|
Anim {
|
||||||
// }
|
properties: "opacity,scale"
|
||||||
|
duration: Appearance.anim.durations.small
|
||||||
|
}
|
||||||
|
PropertyAction {
|
||||||
|
target: popout
|
||||||
|
property: "active"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
Transition {
|
||||||
|
from: ""
|
||||||
|
to: "active"
|
||||||
|
|
||||||
|
SequentialAnimation {
|
||||||
|
PropertyAction {
|
||||||
|
target: popout
|
||||||
|
property: "active"
|
||||||
|
}
|
||||||
|
Anim {
|
||||||
|
properties: "opacity,scale"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
|
|
||||||
component Anim: NumberAnimation {
|
component Anim: NumberAnimation {
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue