perf: reduce BackgroundOverlay animation from continuous 60fps to ~18%; gate panel bar Behaviors on _showPanel
This commit is contained in:
parent
4d730f51f3
commit
a7f0fd2785
3 changed files with 12 additions and 3 deletions
|
|
@ -124,9 +124,12 @@ PanelWindow {
|
||||||
target: colon
|
target: colon
|
||||||
property: "opacity"
|
property: "opacity"
|
||||||
to: 0.1
|
to: 0.1
|
||||||
duration: 1000
|
duration: 150
|
||||||
easing.type: Easing.InOutSine
|
easing.type: Easing.InOutSine
|
||||||
}
|
}
|
||||||
|
PauseAnimation {
|
||||||
|
duration: 700
|
||||||
|
}
|
||||||
ScriptAction {
|
ScriptAction {
|
||||||
script: colon._colorIdx++
|
script: colon._colorIdx++
|
||||||
}
|
}
|
||||||
|
|
@ -134,9 +137,12 @@ PanelWindow {
|
||||||
target: colon
|
target: colon
|
||||||
property: "opacity"
|
property: "opacity"
|
||||||
to: 0.85
|
to: 0.85
|
||||||
duration: 1000
|
duration: 150
|
||||||
easing.type: Easing.InOutSine
|
easing.type: Easing.InOutSine
|
||||||
}
|
}
|
||||||
|
PauseAnimation {
|
||||||
|
duration: 700
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
Text {
|
Text {
|
||||||
|
|
@ -200,7 +206,7 @@ PanelWindow {
|
||||||
Behavior on width {
|
Behavior on width {
|
||||||
enabled: !M.Theme.reducedMotion
|
enabled: !M.Theme.reducedMotion
|
||||||
NumberAnimation {
|
NumberAnimation {
|
||||||
duration: 300
|
duration: 50
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -188,6 +188,7 @@ M.BarSection {
|
||||||
color: parent.parent.parent._barColor
|
color: parent.parent.parent._barColor
|
||||||
radius: 2
|
radius: 2
|
||||||
Behavior on width {
|
Behavior on width {
|
||||||
|
enabled: root._showPanel
|
||||||
NumberAnimation {
|
NumberAnimation {
|
||||||
duration: 150
|
duration: 150
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -121,6 +121,7 @@ M.BarSection {
|
||||||
opacity: 0.4
|
opacity: 0.4
|
||||||
radius: 3
|
radius: 3
|
||||||
Behavior on width {
|
Behavior on width {
|
||||||
|
enabled: root._showPanel
|
||||||
NumberAnimation {
|
NumberAnimation {
|
||||||
duration: 200
|
duration: 200
|
||||||
}
|
}
|
||||||
|
|
@ -134,6 +135,7 @@ M.BarSection {
|
||||||
color: root.accentColor
|
color: root.accentColor
|
||||||
radius: 3
|
radius: 3
|
||||||
Behavior on width {
|
Behavior on width {
|
||||||
|
enabled: root._showPanel
|
||||||
NumberAnimation {
|
NumberAnimation {
|
||||||
duration: 200
|
duration: 200
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue