Kivy中如何动态修改canvas.before绘制的背景图source属性

你给canvas.before里的Rectangle设置id的写法本身无效：Kivy的ids字典只会收集当前布局下子控件的id，canvas内部的绘图指令不会被注册到ids映射中，所以你通过self.ids.backg根本拿不到对应的背景矩形对象，修改source自然不会生效。

两种方案均适配FloatLayout，所有Kivy布局也通用：

方案1：绑定属性自动刷新（最推荐） #

利用Kivy的属性绑定机制，在根控件上定义专门的属性存背景图路径，canvas里的矩形直接绑定这个属性，后续修改属性值就会自动触发UI刷新，不需要手动操作canvas对象。
首先修改kv代码：

Builder.load_string('''
<AppInterface>:
    # 定义背景路径属性，填初始背景图作为默认值
    bg_source: 'assets/background.jpg'
    canvas.before:
        Rectangle:
            pos: self.pos
            size: self.size
            source: self.bg_source
# 其余业务代码
''')

在按钮的点击回调函数里，直接修改根控件的bg_source属性即可完成切换：

# 注意这里的self要指向你的AppInterface实例
self.bg_source = 'assets/background2.jpg'

这种写法完全符合Kivy的响应式设计逻辑，不需要关心canvas内部的指令结构，维护成本最低。

方案2：手动引用canvas中的矩形对象 #

如果不想新增额外属性，可以在控件初始化完成后，手动获取canvas.before里的矩形实例存为对象属性，后续直接修改这个实例的source。
首先在你的AppInterface类的初始化方法中添加引用：

class AppInterface(FloatLayout):
    def __init__(self, **kwargs):
        super().__init__(**kwargs)
        # 按指令顺序取canvas.before里的Rectangle，如果你在Rectangle前加了Color等其他绘图指令，要调整对应索引
        self.bg_rect = self.canvas.before.children[0]

按钮回调中直接修改引用对象的source即可：

self.bg_rect.source = 'assets/background2.jpg'

这个方案需要注意canvas指令的顺序，如果后续在canvas.before里新增其他绘图指令，要同步调整索引，否则会拿到错误的绘图对象。

• 图片的相对路径是相对于程序启动时的工作目录，不是相对于kv文件或py文件的存放路径，路径错误会导致图片加载失败，表现为切换无效果
• 不要尝试给canvas绘图指令加id，这个特性从Kivy设计层面就不支持，写了也不会生效
• FloatLayout本身没有orientation属性，你kv里写的orientation: 'vertical'是BoxLayout的专属参数，在FloatLayout下属于无效配置，可以直接删除，不影响功能运行

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