nosignal/nosignal-shell
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

dashboard: animate media visualiser colour

Browse source
This commit is contained in:
2 * r + 2 * t 2025-05-28 15:44:28 +08:00
parent 10f48f2b6b
commit cdc6776eeb
1 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
modules/dashboard/Media.qml
View file

@ -62,10 +62,13 @@ Item {
readonly property real centerY: height / 2 readonly property real centerY: height / 2
readonly property real innerX: cover.implicitWidth / 2 + Appearance.spacing.small readonly property real innerX: cover.implicitWidth / 2 + Appearance.spacing.small
readonly property real innerY: cover.implicitHeight / 2 + Appearance.spacing.small readonly property real innerY: cover.implicitHeight / 2 + Appearance.spacing.small
property color colour: Colours.palette.m3primary
anchors.fill: cover anchors.fill: cover
anchors.margins: -DashboardConfig.sizes.mediaVisualiserSize anchors.margins: -DashboardConfig.sizes.mediaVisualiserSize
onColourChanged: requestPaint()
onPaint: { onPaint: {
const ctx = getContext("2d"); const ctx = getContext("2d");
ctx.reset(); ctx.reset();
@ -73,7 +76,7 @@ Item {
const values = root.cava; const values = root.cava;
const len = values.length; const len = values.length;
ctx.strokeStyle = Colours.palette.m3primary; ctx.strokeStyle = colour;
ctx.lineWidth = 360 / len - Appearance.spacing.small / 4; ctx.lineWidth = 360 / len - Appearance.spacing.small / 4;
ctx.lineCap = "round"; ctx.lineCap = "round";
@ -97,6 +100,14 @@ Item {
ctx.stroke(); ctx.stroke();
} }
Behavior on colour {
ColorAnimation {
duration: Appearance.anim.durations.normal
easing.type: Easing.BezierSpline
easing.bezierCurve: Appearance.anim.curves.standard
}
}
} }
StyledClippingRect { StyledClippingRect {