如何动态更新Kivy中canvas.before组件的背景？

问题原因 #

你当前的实现中，source: app.get_background_source() 仅在组件初始化时调用一次get_background_source()方法。Kivy的绑定系统不会自动监测普通变量（比如self.index）的变化，所以即使你更新了index并调用canvas.ask_update()，也不会重新执行方法获取新的背景路径，自然无法切换背景。

解决方案：使用Kivy属性实现自动绑定 #

Kivy的Property类型（比如StringProperty）具备可观察特性，当属性值变化时，所有绑定该属性的kv组件会自动更新。我们可以用这个特性来实现动态背景切换，完全符合你偏好的kv声明式风格。

修改后的sample2.py

from kivy.app import App
from kivy.config import Config
from kivy.uix.floatlayout import FloatLayout
from kivy.properties import StringProperty  # 导入属性类


class Sample2Gui(FloatLayout):
    pass


class Sample2App(App):
    # 定义可观察的背景源属性
    background_source = StringProperty()

    def __init__(self, **kwargs):
        super().__init__(**kwargs)
        self.index = 0
        # 初始化背景源
        self.background_source = f"background{self.index}.png"
        print(f"Initialised index to 0, background: {self.background_source}")

    def build(self):
        return Sample2Gui()

    def update_background_source(self):
        self.index = (self.index + 1) % 3  # 循环切换0、1、2
        # 直接更新属性，触发kv绑定更新
        self.background_source = f"background{self.index}.png"
        print(f"Set index to {self.index}, background: {self.background_source}")


if __name__ == '__main__':
    Config.set('graphics', 'window_state', 'maximized')
    Sample2App().run()

修改后的sample2.kv

#:kivy 1.0.9

<Sample2Gui>:
    canvas.before:
        Rectangle:
            pos: self.pos
            size: self.size
            source: app.background_source  # 直接绑定到可观察属性

    Button:
        font_size: sp(50)
        pos_hint: {"center_x": 0.5, "center_y": 0.5}
        size_hint: 0.2, 0.1
        text: "Cycle background"
        on_press: app.update_background_source()

效果说明 #

点击按钮时，update_background_source()会更新background_source属性，Kivy的绑定系统会自动检测到属性变化，进而更新Rectangle的source值，实现背景图片的动态切换。此时不需要手动调用canvas.ask_update()，属性变化会自动触发界面重绘。

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