54 lines
1.4 KiB
QML
54 lines
1.4 KiB
QML
import QtQuick
|
|
import qs.Constants
|
|
import qs.Noctalia
|
|
|
|
Item {
|
|
id: root
|
|
|
|
property bool running: true
|
|
property color color: Color.mPrimary
|
|
property int size: Style.baseWidgetSize
|
|
property int strokeWidth: Style.borderL
|
|
property int duration: Style.animationSlow * 2
|
|
|
|
implicitWidth: size
|
|
implicitHeight: size
|
|
|
|
Canvas {
|
|
id: canvas
|
|
|
|
property real rotationAngle: 0
|
|
|
|
anchors.fill: parent
|
|
onPaint: {
|
|
var ctx = getContext("2d");
|
|
ctx.reset();
|
|
var centerX = width / 2;
|
|
var centerY = height / 2;
|
|
var radius = Math.min(width, height) / 2 - strokeWidth / 2;
|
|
ctx.strokeStyle = root.color;
|
|
ctx.lineWidth = Math.max(1, root.strokeWidth);
|
|
ctx.lineCap = "round";
|
|
// Draw arc with gap (270 degrees with 90 degree gap)
|
|
ctx.beginPath();
|
|
ctx.arc(centerX, centerY, radius, -Math.PI / 2 + rotationAngle, -Math.PI / 2 + rotationAngle + Math.PI * 1.5);
|
|
ctx.stroke();
|
|
}
|
|
onRotationAngleChanged: {
|
|
requestPaint();
|
|
}
|
|
|
|
NumberAnimation {
|
|
target: canvas
|
|
property: "rotationAngle"
|
|
running: root.running
|
|
from: 0
|
|
to: 2 * Math.PI
|
|
duration: root.duration
|
|
loops: Animation.Infinite
|
|
}
|
|
|
|
}
|
|
|
|
}
|