Kivy Canvas无法适配父布局问题求助

问题根源 #

你的代码存在几个核心问题：

• canvas_items是类级别的InstructionGroup，所有实例共享同一个对象，清理和添加操作会出现状态残留
• 监听的是TestOut的on_size事件，而非目标FloatLayout（can）的尺寸变化，导致尺寸更新不及时或不准确
• 初始化时硬编码了尺寸，没有使用布局的实际位置和大小
• 错误地将canvas_items添加到TestOut的画布，而非目标FloatLayout的画布

修复代码 #

main.py

from kivy.app import App
from kivy.graphics.vertex_instructions import Line
from kivy.metrics import dp
from kivy.uix.boxlayout import BoxLayout
from kivy.graphics import InstructionGroup, Color


class TestOut(BoxLayout):
    def __init__(self, **kwargs):
        super().__init__(**kwargs)
        # 延迟初始化，确保kv布局加载完成
        self.bind(on_post_init=self.init_canvas)

    def init_canvas(self, *args):
        self.can_obj = self.ids.can
        # 监听目标FloatLayout的尺寸和位置变化
        self.can_obj.bind(size=self.update_canvas, pos=self.update_canvas)
        # 初始创建画布内容
        self.update_canvas()

    def update_canvas(self, *args):
        # 每次更新创建新的InstructionGroup，避免状态残留
        canvas_items = InstructionGroup()
        # 清空目标画布
        self.can_obj.canvas.clear()
        
        # 添加黄色边框
        canvas_items.add(Color(1, 1, 0, 1))
        canvas_items.add(Line(
            rectangle=(self.can_obj.pos[0], self.can_obj.pos[1], self.can_obj.size[0], self.can_obj.size[1]),
            width=5
        ))
        # 将绘制内容绑定到目标FloatLayout的画布
        self.can_obj.canvas.add(canvas_items)


class PlaygroundApp(App):
    title = "blabla"

    def build(self):
        return TestOut()


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

playground.kv

（保持原内容即可）

<TestOut>:
    orientation: 'vertical'
    Button:
        id: button1
        text:'A'
        height: dp(100)
        size_hint: 1, None
        pos_hint:  {'top':1}

    BoxLayout:
        orientation: 'horizontal'
        Button:
            id: button2
            text:'B'
            width: dp(150)
            size_hint: None, 1
        FloatLayout:
            id: can

关键修改说明 #

1. 改用局部InstructionGroup：每次更新画布时创建新的实例，彻底避免旧渲染状态残留，解决快速缩放时的异常问题
2. 监听目标布局的变化：直接绑定can_obj的size和pos事件，确保所有窗口尺寸变化场景（最大化、最小化、快速拖拽）都能触发更新
3. 延迟初始化：通过on_post_init确保kv布局完全加载后再获取控件，避免初始化时找不到ids.can的问题
4. 绑定正确的画布：将绘制内容添加到目标FloatLayout的画布，确保边框完全贴合父布局

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