material symbols: support filling

2025-05-05 11:05:58 +02:00
parent 94ef226b92
commit 352d389cc4
30 changed files with 91 additions and 58 deletions
@@ -3,9 +3,27 @@ import QtQuick
 import QtQuick.Layouts

 Text {
+    id: root
+    property real iconSize: Appearance.font.pixelSize.small
+    property real fill: 0
    renderType: Text.NativeRendering
    verticalAlignment: Text.AlignVCenter
    font.family: Appearance.font.family.iconMaterial
-    font.pixelSize: Appearance.font.pixelSize.small
+    font.pixelSize: iconSize
    color: Appearance.m3colors.m3onBackground
+
+    Behavior on fill {
+        NumberAnimation {
+            duration: Appearance.animation.elementMoveFast.duration
+            easing.type: Appearance.animation.elementMoveFast.type
+            easing.bezierCurve: Appearance.animation.elementMoveFast.bezierCurve
+        }
+    }
+
+    font.variableAxes: { 
+        "FILL": fill,
+        // "wght": font.weight,
+        // "GRAD": 0,
+        "opsz": iconSize,
+    }
 }