fix: use effects curve for effects

This commit is contained in:
2 * r + 2 * t 2026-04-23 03:45:22 +10:00
parent c1a314ef46
commit 7ea5fd3c70
39 changed files with 198 additions and 76 deletions

View file

@ -63,6 +63,7 @@ BusyIndicator {
transitions: Transition {
Anim {
type: Anim.DefaultEffects
properties: "opacity,internalStrokeWidth"
duration: manager.completeEndDuration * Tokens.anim.durations.scale
}

View file

@ -92,7 +92,9 @@ ColumnLayout {
visible: root.showBackground
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}
@ -109,7 +111,9 @@ ColumnLayout {
opacity: root.expanded ? 1.0 : 0.0
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
StyledText {

View file

@ -48,7 +48,7 @@ MouseArea {
Behavior on opacity {
Anim {
duration: Tokens.anim.durations.small
type: Anim.DefaultEffects
}
}

View file

@ -74,7 +74,9 @@ ScrollBar {
}
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}

View file

@ -39,7 +39,9 @@ Switch {
opacity: root.pressed ? 0.1 : root.hovered ? 0.08 : 0
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}

View file

@ -70,7 +70,9 @@ Item {
}
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}
@ -124,6 +126,7 @@ Item {
remove: Transition {
Anim {
type: Anim.DefaultEffects
property: "opacity"
to: 0
}
@ -135,6 +138,7 @@ Item {
displaced: Transition {
Anim {
type: Anim.DefaultEffects
properties: "opacity,scale"
to: 1
easing: Tokens.anim.standardDecel

View file

@ -38,6 +38,7 @@ StyledRect {
Behavior on opacity {
Anim {
type: Anim.DefaultEffects
duration: Tokens.anim.durations.expressiveFastSpatial
}
}

View file

@ -87,6 +87,8 @@ Item {
}
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}

View file

@ -130,7 +130,9 @@ Item {
height: implicitWidth
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}
}

View file

@ -57,7 +57,9 @@ StyledRect {
color: root.colour
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
Behavior on scale {
@ -88,7 +90,9 @@ StyledRect {
color: root.colour
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
Behavior on scale {

View file

@ -75,7 +75,9 @@ StyledRect {
}
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}

View file

@ -65,7 +65,9 @@ Item {
opacity: view.contentY > 0 ? 0 : 1
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}
@ -79,7 +81,9 @@ Item {
opacity: view.contentY < view.contentHeight - parent.height + Tokens.padding.extraSmall ? 0 : 1
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}
}

View file

@ -108,7 +108,9 @@ StyledClippingRect {
}
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}
@ -134,7 +136,9 @@ StyledClippingRect {
}
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}

View file

@ -84,7 +84,9 @@ ColumnLayout {
}
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
Behavior on scale {
@ -140,7 +142,9 @@ ColumnLayout {
opacity: device.loading ? 0 : 1
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}
}

View file

@ -172,7 +172,6 @@ Item {
anchors.centerIn: parent
opacity: 0
scale: 0.8
active: false
states: State {
@ -182,7 +181,6 @@ Item {
PropertyChanges {
popout.active: true
popout.opacity: 1
popout.scale: 1
}
}
@ -193,11 +191,10 @@ Item {
SequentialAnimation {
Anim {
properties: "opacity,scale"
type: Anim.StandardSmall
property: "opacity"
type: Anim.DefaultEffects
}
PropertyAction {
target: popout
property: "active"
}
}
@ -208,11 +205,11 @@ Item {
SequentialAnimation {
PropertyAction {
target: popout
property: "active"
}
Anim {
properties: "opacity,scale"
property: "opacity"
type: Anim.SlowEffects
}
}
}

View file

@ -82,7 +82,9 @@ ColumnLayout {
}
Behavior on opacity {
Anim { type: Anim.DefaultEffects }
Anim {
type: Anim.DefaultEffects
}
}
Behavior on scale {
@ -155,7 +157,9 @@ ColumnLayout {
opacity: networkItem.loading ? 0 : 1
Behavior on opacity {
Anim { type: Anim.DefaultEffects }
Anim {
type: Anim.DefaultEffects
}
}
}
}
@ -201,7 +205,9 @@ ColumnLayout {
}
Behavior on opacity {
Anim { type: Anim.DefaultEffects }
Anim {
type: Anim.DefaultEffects
}
}
}
@ -265,7 +271,9 @@ ColumnLayout {
}
Behavior on opacity {
Anim { type: Anim.DefaultEffects }
Anim {
type: Anim.DefaultEffects
}
}
Behavior on scale {
@ -323,7 +331,9 @@ ColumnLayout {
opacity: ethernetItem.loading ? 0 : 1
Behavior on opacity {
Anim { type: Anim.DefaultEffects }
Anim {
type: Anim.DefaultEffects
}
}
}
}

View file

@ -57,7 +57,9 @@ StackView {
StackView.onRemoved: destroy()
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
Behavior on scale {

View file

@ -137,7 +137,9 @@ ColumnLayout {
Keys.onEscapePressed: root.closeDialog()
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
Behavior on scale {
@ -153,6 +155,7 @@ ColumnLayout {
}
Anim {
type: Anim.DefaultEffects
target: parent
property: "opacity"
to: 0
@ -377,7 +380,9 @@ ColumnLayout {
opacity: passwordContainer.passwordBuffer ? 0 : 1
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}
@ -425,6 +430,7 @@ ColumnLayout {
}
ParallelAnimation {
Anim {
type: Anim.DefaultEffects
target: ch
property: "opacity"
to: 0
@ -443,7 +449,9 @@ ColumnLayout {
}
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
Behavior on scale {

View file

@ -185,6 +185,7 @@ Item {
property: "active"
}
Anim {
type: Anim.DefaultEffects
property: "opacity"
}
}
@ -195,6 +196,7 @@ Item {
SequentialAnimation {
Anim {
type: Anim.DefaultEffects
property: "opacity"
}
PropertyAction {

View file

@ -111,7 +111,9 @@ StyledWindow {
color: Colours.palette.m3scrim
Behavior on opacity {
Anim {}
Anim {
type: Anim.SlowEffects
}
}
}

View file

@ -167,7 +167,8 @@ StyledListView {
enabled: !root.state
Anim {
properties: "opacity,scale"
type: Anim.DefaultEffects
property: "opacity"
from: 0
to: 1
}
@ -177,7 +178,8 @@ StyledListView {
enabled: !root.state
Anim {
properties: "opacity,scale"
type: Anim.DefaultEffects
property: "opacity"
from: 1
to: 0
}
@ -188,7 +190,8 @@ StyledListView {
property: "y"
}
Anim {
properties: "opacity,scale"
type: Anim.DefaultEffects
property: "opacity"
to: 1
}
}
@ -199,7 +202,8 @@ StyledListView {
type: Anim.StandardSmall
}
Anim {
properties: "opacity,scale"
type: Anim.DefaultEffects
property: "opacity"
to: 1
}
}
@ -209,7 +213,8 @@ StyledListView {
property: "y"
}
Anim {
properties: "opacity,scale"
type: Anim.DefaultEffects
property: "opacity"
to: 1
}
}

View file

@ -60,7 +60,7 @@ Item {
property: "opacity"
from: 1
to: 0
type: Anim.StandardSmall
type: Anim.DefaultEffects
}
PropertyAction {}
Anim {
@ -68,7 +68,7 @@ Item {
property: "opacity"
from: 0
to: 1
type: Anim.StandardSmall
type: Anim.DefaultEffects
}
}
}
@ -141,7 +141,9 @@ Item {
}
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
Behavior on scale {

View file

@ -99,7 +99,9 @@ Item {
opacity: stateLayer.containsMouse ? 1 : 0
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}

View file

@ -39,7 +39,9 @@ Item {
level: 4
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}
@ -90,6 +92,8 @@ Item {
}
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}

View file

@ -160,7 +160,9 @@ ColumnLayout {
opacity: root.lock.pam.passwd.active ? 0 : 1
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}
@ -268,7 +270,9 @@ ColumnLayout {
}
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}
@ -356,6 +360,7 @@ ColumnLayout {
Anim {
id: appearAnim
type: Anim.DefaultEffects
target: message
properties: "scale,opacity"
to: 1

View file

@ -54,7 +54,9 @@ Item {
opacity: root.buffer ? 0 : 1
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}
@ -110,6 +112,7 @@ Item {
}
ParallelAnimation {
Anim {
type: Anim.DefaultEffects
target: ch
property: "opacity"
to: 0
@ -128,7 +131,9 @@ Item {
}
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
Behavior on scale {

View file

@ -72,6 +72,7 @@ WlSessionLockSurface {
duration: Tokens.anim.durations.small
}
Anim {
type: Anim.Standard
target: lockContent
property: "opacity"
to: 0
@ -120,11 +121,13 @@ WlSessionLockSurface {
easing: Tokens.anim.standardDecel
}
Anim {
type: Anim.DefaultEffects
target: lockIcon
property: "opacity"
to: 0
}
Anim {
type: Anim.DefaultEffects
target: content
property: "opacity"
to: 1

View file

@ -92,6 +92,7 @@ ColumnLayout {
add: Transition {
Anim {
type: Anim.DefaultEffects
property: "opacity"
from: 0
to: 1
@ -106,6 +107,7 @@ ColumnLayout {
remove: Transition {
Anim {
type: Anim.DefaultEffects
property: "opacity"
to: 0
}
@ -117,6 +119,7 @@ ColumnLayout {
move: Transition {
Anim {
type: Anim.DefaultEffects
properties: "opacity,scale"
to: 1
}
@ -128,6 +131,7 @@ ColumnLayout {
displaced: Transition {
Anim {
type: Anim.DefaultEffects
properties: "opacity,scale"
to: 1
}

View file

@ -205,7 +205,9 @@ StyledRect {
}
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
Behavior on Layout.preferredWidth {
@ -226,6 +228,7 @@ StyledRect {
running: true
Anim {
type: Anim.DefaultEffects
target: notif
property: "opacity"
from: 0
@ -250,6 +253,7 @@ StyledRect {
onFinished: notif.modelData.unlock(notif)
Anim {
type: Anim.DefaultEffects
target: notif
property: "opacity"
to: 0
@ -287,7 +291,9 @@ StyledRect {
}
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}
}

View file

@ -239,7 +239,9 @@ StyledRect {
opacity: root.expanded ? 1 : 0
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}
@ -387,7 +389,9 @@ StyledRect {
opacity: root.expanded ? 0 : 1
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}
@ -427,7 +431,9 @@ StyledRect {
opacity: root.expanded ? 1 : 0
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}
@ -443,7 +449,9 @@ StyledRect {
opacity: root.expanded ? 1 : 0
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
Action {

View file

@ -122,7 +122,9 @@ Item {
}
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}
}

View file

@ -182,6 +182,7 @@ StyledRect {
property: "active"
}
Anim {
type: Anim.DefaultEffects
property: "opacity"
}
}
@ -192,6 +193,7 @@ StyledRect {
SequentialAnimation {
Anim {
type: Anim.DefaultEffects
property: "opacity"
}
PropertyAction {

View file

@ -65,7 +65,9 @@ Item {
opacity: flickable.contentX > 0 ? 0 : 1
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}
@ -78,7 +80,9 @@ Item {
opacity: flickable.contentX < flickable.contentWidth - parent.width ? 0 : 1
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}
}

View file

@ -50,7 +50,9 @@ Item {
}
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}
@ -202,6 +204,7 @@ Item {
Behavior on opacity {
Anim {
type: Anim.DefaultEffects
duration: Tokens.anim.durations.expressiveFastSpatial
}
}

View file

@ -134,7 +134,9 @@ LazyListView {
}
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
Behavior on scale {

View file

@ -107,6 +107,7 @@ LazyListView {
onFinished: notif.modelData?.unlock(notif)
Anim {
type: Anim.DefaultEffects
target: notif
property: "opacity"
to: 0
@ -137,7 +138,9 @@ LazyListView {
}
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
Behavior on scale {

View file

@ -210,6 +210,8 @@ Loader {
}
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}

View file

@ -129,31 +129,25 @@ ColumnLayout {
add: Transition {
Anim {
type: Anim.DefaultEffects
property: "opacity"
from: 0
to: 1
}
Anim {
property: "scale"
from: 0.5
to: 1
}
}
remove: Transition {
Anim {
type: Anim.DefaultEffects
property: "opacity"
to: 0
}
Anim {
property: "scale"
to: 0.5
}
}
displaced: Transition {
Anim {
properties: "opacity,scale"
type: Anim.DefaultEffects
property: "opacity"
to: 1
}
Anim {
@ -182,7 +176,9 @@ ColumnLayout {
Layout.preferredHeight: root.props.recordingListExpanded ? implicitHeight : 0
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
Behavior on scale {
@ -207,7 +203,9 @@ ColumnLayout {
Layout.preferredWidth: !root.props.recordingListExpanded ? implicitWidth : 0
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
Behavior on scale {
@ -227,7 +225,9 @@ ColumnLayout {
}
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
}

View file

@ -120,6 +120,7 @@ Item {
onFinished: toast.modelData.unlock(toast)
Anim {
type: Anim.DefaultEffects
target: toast
property: "opacity"
to: 0
@ -138,7 +139,9 @@ Item {
}
Behavior on opacity {
Anim {}
Anim {
type: Anim.DefaultEffects
}
}
Behavior on scale {