zoriya/noctalia-shell
1
0
Fork 0
mirror of https://github.com/zoriya/noctalia-shell.git synced 2026-06-05 11:40:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

NCircleStat: repaint on fillcolor change

Browse Source 
+ removed gradient which does not work on an Arc anyways.
This commit is contained in:
ItsLemmy
2025-11-12 21:22:33 -05:00
parent 337a830cf1
commit b9d3040786
1 changed files with 5 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Widgets/NCircleStat.qml
+5 -16
View File
@@ -16,6 +16,8 @@ Rectangle {
// outer width/height footprint of the component // outer width/height footprint of the component
property real contentScale: 1.0 property real contentScale: 1.0
readonly property color fillColor: Color.mPrimary
width: 68 width: 68
height: 92 height: 92
color: flat ? Color.transparent : Color.mSurface color: flat ? Color.transparent : Color.mSurface
@@ -36,11 +38,12 @@ Rectangle {
// Repaint gauge when animated value changes (throttled by animation) // Repaint gauge when animated value changes (throttled by animation)
onAnimatedValueChanged: repaintTimer.restart() onAnimatedValueChanged: repaintTimer.restart()
onFillColorChanged: repaintTimer.restart()
// Debounce timer to limit repaint frequency during rapid value changes // Debounce timer to limit repaint frequency during rapid value changes
Timer { Timer {
id: repaintTimer id: repaintTimer
interval: 16 // ~60 FPS max interval: 33 // ~30 FPS max
repeat: false repeat: false
onTriggered: gauge.requestPaint() onTriggered: gauge.requestPaint()
} }
@@ -100,21 +103,7 @@ Rectangle {
const ratio = Math.max(0, Math.min(1, root.animatedValue / 100)) const ratio = Math.max(0, Math.min(1, root.animatedValue / 100))
const end = start + (endBg - start) * ratio const end = start + (endBg - start) * ratio
// Calculate gradient start point (25% into the arc) ctx.strokeStyle = root.fillColor
const gradientStartRatio = 0.25
const gradientStart = start + (endBg - start) * gradientStartRatio
// Create linear gradient
const startX = cx + r * Math.cos(gradientStart)
const startY = cy + r * Math.sin(gradientStart)
const endX = cx + r * Math.cos(endBg)
const endY = cy + r * Math.sin(endBg)
const gradient = ctx.createLinearGradient(startX, startY, endX, endY)
gradient.addColorStop(0, Color.mPrimary)
gradient.addColorStop(1, Color.mOnSurface)
ctx.strokeStyle = gradient
ctx.beginPath() ctx.beginPath()
ctx.arc(cx, cy, r, start, end) ctx.arc(cx, cy, r, start, end)
ctx.stroke() ctx.stroke()