adjust wstackview anims

This commit is contained in:
end-4
2025-11-22 16:56:19 +01:00
parent 65ef0ca666
commit da233086c2
@@ -5,8 +5,10 @@ import qs.modules.waffle.looks
StackView { StackView {
id: root id: root
property real moveDistance: 30 property real moveDistance: 30
property int pushDuration: 220 property int pushDuration: 200
property int fadeDuration: 80
property list<real> bezierCurve: Looks.transition.easing.bezierCurve.easeIn property list<real> bezierCurve: Looks.transition.easing.bezierCurve.easeIn
property list<real> fadeBezierCurve: Looks.transition.easing.bezierCurve.easeInOut
clip: true clip: true
property alias color: background.color property alias color: background.color
@@ -27,9 +29,9 @@ StackView {
properties: "opacity" properties: "opacity"
from: 0 from: 0
to: 1 to: 1
duration: root.pushDuration duration: root.fadeDuration
easing.type: Easing.BezierSpline easing.type: Easing.BezierSpline
easing.bezierCurve: root.bezierCurve easing.bezierCurve: root.fadeBezierCurve
} }
} }
pushExit: Transition { pushExit: Transition {
@@ -44,9 +46,9 @@ StackView {
properties: "opacity" properties: "opacity"
from: 1 from: 1
to: 0 to: 0
duration: root.pushDuration duration: root.fadeDuration
easing.type: Easing.BezierSpline easing.type: Easing.BezierSpline
easing.bezierCurve: root.bezierCurve easing.bezierCurve: root.fadeBezierCurve
} }
} }
popEnter: Transition { popEnter: Transition {
@@ -61,9 +63,9 @@ StackView {
properties: "opacity" properties: "opacity"
from: 0 from: 0
to: 1 to: 1
duration: root.pushDuration duration: root.fadeDuration
easing.type: Easing.BezierSpline easing.type: Easing.BezierSpline
easing.bezierCurve: root.bezierCurve easing.bezierCurve: root.fadeBezierCurve
} }
} }
popExit: Transition { popExit: Transition {
@@ -78,9 +80,9 @@ StackView {
properties: "opacity" properties: "opacity"
from: 1 from: 1
to: 0 to: 0
duration: root.pushDuration duration: root.fadeDuration
easing.type: Easing.BezierSpline easing.type: Easing.BezierSpline
easing.bezierCurve: root.bezierCurve easing.bezierCurve: root.fadeBezierCurve
} }
} }
} }