Python Kivy开发2D图形：模拟仪表界面实现及缩放问题求助

优先解决Canvas的缩放适配问题 #

你遇到的Canvas缩放偏移问题，核心是没用到Kivy的相对坐标系统。不要用固定像素值，而是基于控件的size和pos计算绘图坐标，同时绑定on_size事件在窗口缩放时重绘图形。

举个极简示例，实现自适应的弧形刻度和指针：

from kivy.app import App
from kivy.uix.widget import Widget
from kivy.graphics import Color, Line, Ellipse
from kivy.clock import Clock
import math

class Gauge(Widget):
    def __init__(self, **kwargs):
        super().__init__(**kwargs)
        self.value = 0  # 模拟数据值
        Clock.schedule_interval(self.update_gauge, 1/60)
        self.bind(size=self.redraw_gauge, pos=self.redraw_gauge)

    def redraw_gauge(self, *args):
        self.canvas.clear()
        center_x = self.pos[0] + self.size[0]/2
        center_y = self.pos[1] + self.size[1]/2
        radius = min(self.size[0], self.size[1]) * 0.4  # 基于控件尺寸的相对半径

        # 绘制弧形刻度
        with self.canvas:
            Color(1,1,1,1)
            # 135°到45°的弧形（对应电压表0-满量程范围）
            Line(circle=(center_x, center_y, radius, 135, 45), width=2)
            # 绘制刻度短线
            for angle in range(135, 45, -15):
                rad = math.radians(angle)
                x1 = center_x + radius * math.cos(rad)
                y1 = center_y + radius * math.sin(rad)
                x2 = center_x + (radius * 0.9) * math.cos(rad)
                y2 = center_y + (radius * 0.9) * math.sin(rad)
                Line(points=(x1,y1,x2,y2), width=2)

        # 绘制指针
        with self.canvas:
            Color(1,0,0,1)
            # 根据数值映射指针角度（0对应135°，100对应45°）
            angle = 135 - (self.value / 100) * 90
            rad = math.radians(angle)
            x = center_x + (radius * 0.8) * math.cos(rad)
            y = center_y + (radius * 0.8) * math.sin(rad)
            Line(points=(center_x, center_y, x, y), width=3)
            # 指针中心圆点
            Ellipse(pos=(center_x-5, center_y-5), size=(10,10))

    def update_gauge(self, dt):
        # 模拟数据动态更新
        self.value = (self.value + 1) % 100
        self.redraw_gauge()

class GaugeApp(App):
    def build(self):
        return Gauge()

if __name__ == "__main__":
    GaugeApp().run()

这个示例里所有坐标都基于控件的size和pos计算，窗口缩放时会自动重绘，不会出现偏移或变形。

嵌入外部2D图形库的可选方案 #

如果确实需要用外部库，以下几种方案可行：

• Pillow (PIL)：用Pillow的ImageDraw绘制刻度、指针，生成图像后转成Kivy的Texture，通过Image控件显示。适合静态或低频率更新的仪表，需在控件尺寸变化时重新生成图像保证适配。
• Matplotlib：可以通过matplotlib.backends.backend_agg生成画布并转成Kivy Texture，或者用Kivy花园组件kivy.garden.matplotlib直接嵌入绘图部件。适合复杂图表场景，但实时更新性能略逊于原生Canvas。
• Cairo：专业2D矢量绘图库，绘制完成后将Surface转成Kivy Texture，缩放无损耗，性能优于Matplotlib，适合高精度矢量图形需求。
• PyQtGraph：可将其绘图部件通过Kivy的Qt互操作模块嵌入，或生成图像转Texture。PyQtGraph实时绘图性能较好，适合动态数据展示场景。

注意事项 #

• 外部库嵌入会增加依赖和性能开销，实时更新场景下，原生Canvas的性能最优。
• 所有外部库生成的内容，都需要在控件尺寸变化时重新生成，才能保证窗口缩放适配。

内容的提问来源于stack exchange，提问作者Dima Panasenko