fix(MathDisplay): dynamic font size

Author: Prok-Al

src/ui/qml/components/MathDisplay.qml

@@ -11,6 +11,47 @@ Item {
     property string expression: "0"
     property color textColor: "#FFFFFF"
     property int baseFontSize: 48
+    property int minFontSize: 12
+    
+    property int effectiveFontSize: baseFontSize
+    
+    TextMetrics {
+        id: textMetrics
+        font.pixelSize: root.baseFontSize
+        font.family: "SF Pro Display"
+        text: root.expression
+    }
+    
+    onExpressionChanged: recalculateFontSize()
+    onWidthChanged: recalculateFontSize()
+    onBaseFontSizeChanged: recalculateFontSize()
+    
+    Component.onCompleted: recalculateFontSize()
+    
+    function recalculateFontSize() {
+        if (width <= 0 || expression.length === 0) {
+            effectiveFontSize = baseFontSize
+            return
+        }
+        
+        var size = baseFontSize
+        var availableWidth = width - 16  // небольшой отступ
+        
+        var estimatedCharWidth = size * 0.55
+        var textLength = expression.length
+        
+        while (size > minFontSize) {
+            estimatedCharWidth = size * 0.55
+            var estimatedWidth = textLength * estimatedCharWidth
+            
+            if (estimatedWidth <= availableWidth) {
+                break
+            }
+            size -= 2
+        }
+        
+        effectiveFontSize = Math.max(size, minFontSize)
+    }
 
     function parseExpression(expr) {
         var tokens = []
@@ -150,7 +191,7 @@ Item {
 
         Text {
             text: tokenData.value
-            font.pixelSize: root.baseFontSize
+            font.pixelSize: root.effectiveFontSize
             font.family: "SF Pro Display"
             color: root.textColor
             verticalAlignment: Text.AlignVCenter
@@ -168,7 +209,7 @@ Item {
             Text {
                 id: numeratorText
                 text: tokenData.numerator
-                font.pixelSize: root.baseFontSize * 0.6
+                font.pixelSize: root.effectiveFontSize * 0.6
                 font.family: "SF Pro Display"
                 color: root.textColor
                 horizontalAlignment: Text.AlignHCenter
@@ -185,7 +226,7 @@ Item {
             Text {
                 id: denominatorText
                 text: tokenData.denominator
-                font.pixelSize: root.baseFontSize * 0.6
+                font.pixelSize: root.effectiveFontSize * 0.6
                 font.family: "SF Pro Display"
                 color: root.textColor
                 horizontalAlignment: Text.AlignHCenter
@@ -207,7 +248,7 @@ Item {
                 }
                 return result
             }
-            font.pixelSize: root.baseFontSize * 0.7
+            font.pixelSize: root.effectiveFontSize * 0.7
             font.family: "SF Pro Display"
             color: root.textColor
             verticalAlignment: Text.AlignTop
@@ -220,7 +261,7 @@ Item {
 
         Text {
             text: tokenData.value
-            font.pixelSize: root.baseFontSize
+            font.pixelSize: root.effectiveFontSize
             font.family: "SF Pro Display"
             color: "#007AFF"
             verticalAlignment: Text.AlignVCenter
@@ -233,7 +274,7 @@ Item {
 
         Text {
             text: tokenData.value
-            font.pixelSize: root.baseFontSize
+            font.pixelSize: root.effectiveFontSize
             font.family: "SF Pro Display"
             color: "#007AFF"
             verticalAlignment: Text.AlignVCenter