popouts: transition between popout content

This commit is contained in:
2 * r + 2 * t 2025-06-06 20:46:03 +10:00
parent afd9b0af97
commit c3a91e7554

View file

@ -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 {