Kivy框架下旋转Rectangle组件时尺寸变大的原因及修复方法咨询

• 核心原因是画布指令重复堆积：你在rotate方法中仅清空了canvas层的指令，但是新的绘制指令全部添加到了canvas.before层，每次点击按钮都会新增一套矩形绘制指令，多层完全重叠的矩形边缘像素叠加后，视觉上就会呈现“明显变大”的效果。
• 旋转逻辑完全错误：你把Rotate的旋转中心设为了矩形的左下角self.pos，且角度写死为0，既没有实现旋转效果，错误的变换中心还会进一步加剧坐标偏移，放大视觉上的变形观感。
• 冗余的重绘逻辑：每次点击都清空画布再重新创建所有绘图指令，不仅性能低下，还极易出现指令残留、层级混乱的问题。

修改后主文件代码：

import kivy
from kivy.app import App
from kivy.uix.widget import Widget
from kivy.graphics import Rectangle, Rotate
from kivy.graphics.context_instructions import PushMatrix, PopMatrix
from kivy.properties import ObjectProperty, NumericProperty


class Rect(Widget):
    # 用Kivy属性存储角度，支持自动绑定更新
    angle = NumericProperty(0)
    
    def __init__(self, **kwargs):
        super().__init__(**kwargs)
        self.size = (50, 100)
        # 绘图指令仅在初始化时创建一次，后续复用
        with self.canvas:
            PushMatrix()
            # 存储旋转指令对象，后续直接修改属性即可
            self.rot = Rotate(origin=self.center, angle=self.angle)
            self.rect = Rectangle(pos=self.pos, size=self.size)
            PopMatrix()
        
        # 绑定属性自动同步更新，避免手动赋值遗漏
        self.bind(pos=self.update_rect, center=self.update_rot_origin, angle=self.update_rot_angle)
    
    def update_rect(self, *args):
        self.rect.pos = self.pos
    
    def update_rot_origin(self, *args):
        # 旋转中心始终和矩形中心点同步
        self.rot.origin = self.center
    
    def update_rot_angle(self, *args):
        self.rot.angle = self.angle
    
    def rotate(self):
        # 每次点击累加角度即可完成旋转，无需操作画布
        self.angle += 30


class MainScreen(Widget):
    rect = ObjectProperty(None)
    
    def pressed(self):
        self.rect.rotate()


class MainApp(App):
    def build(self):
        return MainScreen()

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

修改后kv文件代码：

<MainScreen>:
    rect: rect
            
    FloatLayout:
        size: root.width, root.height
        
        Rect:
            id: rect
            pos: 500, 500 # 硬编码坐标移到kv层，调整更灵活
        
        Button:
            text: "press"
            pos_hint: {"x": 0.1, "y": 0.1}
            size_hint: (.1,.1)
            on_press: root.pressed()

核心修改点：

• 移除了每次点击清空重绘的逻辑，所有绘图指令仅初始化一次，后续仅修改指令属性值
• 旋转中心改为矩形的中心点self.center，保证旋转时矩形围绕自身中心转动，不会出现位置偏移
• 用属性绑定自动同步矩形位置、旋转中心、旋转角度，不需要手动赋值
• 点击按钮时仅累加角度值即可完成旋转，不需要操作画布

• 绘图指令优先复用：Kivy的绘图指令都是可修改的对象，频繁清空重绘会严重浪费性能，修改已有指令的属性效率提升数十倍。
• 合理使用属性绑定：Kivy的属性自带变化监听，用bind方法关联属性和更新逻辑，比手动写更新代码更简洁，也不容易出现遗漏更新的问题。
• 画布分层要规范：canvas.before一般用来放背景、变换类指令，主体绘图内容放在canvas层，上层装饰放在canvas.after层，不要跨层乱放指令避免逻辑混乱。
• 不要在控件的__init__方法硬编码位置和尺寸：这些属性会被父布局的布局逻辑覆盖，放在kv文件或者通过布局属性设置更合理，也方便后续适配不同分辨率。
• 变换指令要成对出现：PushMatrix和PopMatrix必须严格配对，避免矩阵变换泄漏影响其他控件的绘制。

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