progress bar: make sperm amplitude follow the m3 specs

This commit is contained in:
end-4
2025-06-13 15:46:05 +02:00
parent 925f82301a
commit 89ed9e2b52
@@ -19,11 +19,11 @@ ProgressBar {
property color highlightColor: Appearance?.colors.colPrimary ?? "#685496" property color highlightColor: Appearance?.colors.colPrimary ?? "#685496"
property color trackColor: Appearance?.m3colors.m3secondaryContainer ?? "#F1D3F9" property color trackColor: Appearance?.m3colors.m3secondaryContainer ?? "#F1D3F9"
property bool sperm: false // If true, the progress bar will have a wavy fill effect property bool sperm: false // If true, the progress bar will have a wavy fill effect
property real waveAmplitude: sperm ? 3 : 0 property real spermAmplitudeMultiplier: sperm ? 0.5 : 0
property real frequency: 8 property real spermFrequency: 6
property real spermFps: 60 property real spermFps: 60
Behavior on waveAmplitude { Behavior on spermAmplitudeMultiplier {
animation: Appearance?.animation.elementMoveFast.numberAnimation.createObject(this) animation: Appearance?.animation.elementMoveFast.numberAnimation.createObject(this)
} }
@@ -57,8 +57,8 @@ ProgressBar {
var progress = root.visualPosition; var progress = root.visualPosition;
var fillWidth = progress * width; var fillWidth = progress * width;
var amplitude = root.waveAmplitude var amplitude = parent.height * root.spermAmplitudeMultiplier;
var frequency = root.frequency; var frequency = root.spermFrequency;
var phase = Date.now() / 400.0; var phase = Date.now() / 400.0;
var centerY = height / 2; var centerY = height / 2;