Python Kivy点击按钮修改背景色 如何用变量替换控件ID实现批量控制

核心思路 #

不需要为600个按钮单独编写逻辑，统一绑定点击回调 + 全局存储选中色即可实现需求，你之前在kv中修改不生效大概率是Kivy默认Button自带背景纹理覆盖了自定义颜色导致的，先给所有矩阵按钮加上background_normal: ''属性清除默认纹理即可。

具体实现步骤 #

1. 在App类中新增全局属性存储当前选中的颜色，同时新增点击回调方法

from kivy.app import App
from kivy.lang import Builder
from kivy.clock import Clock

# 假设usbconnect是你已有的其他逻辑函数
def usbconnect(dt):
    pass

kv = '''
# 这里写你的kv布局
BoxLayout:
    orientation: 'horizontal'
    # 左侧矩阵区域
    GridLayout:
        id: matrix_grid
        cols: 24 # 24*25=600，根据你实际行列数调整
        # 矩阵按钮模板，所有按钮统一复用该逻辑
        <MatrixButton@Button>:
            background_normal: '' # 必须加，清除默认背景纹理才能显示自定义颜色
            background_color: 0,0,0,1 # 初始黑色
            on_press: app.change_button_color(self) # 点击统一调用App的回调方法
        # 批量生成600个矩阵按钮，也可以在Python代码里动态生成
        MatrixButton:
            id: btn1
        MatrixButton:
            id: btn2
        # 剩下的按钮不用单独写逻辑，按你的需求生成即可
    # 右侧设置区域
    BoxLayout:
        orientation: 'vertical'
        # RGB三个滑块
        Slider:
            id: r_slider
            min: 0
            max: 1
            value: 0
            on_value: app.update_selected_color()
        Slider:
            id: g_slider
            min: 0
            max: 1
            value: 0
            on_value: app.update_selected_color()
        Slider:
            id: b_slider
            min: 0
            max: 1
            value: 0
            on_value: app.update_selected_color()
        # 颜色预览块
        Label:
            background_normal: ''
            background_color: app.selected_color
'''

class sletrix(App):
    # 全局存储当前选中的颜色，可自行修改初始值
    selected_color = [1.0, 0.0, 0.0, 1.0]

    def build(self):
        return Builder.load_string(kv)
    
    def on_start(self):
        Clock.schedule_once(usbconnect, 5.0)
        # 不需要之前的轮询switch逻辑，点击时触发修改性能更高
    
    # 滑块值变化时更新选中的颜色
    def update_selected_color(self):
        r = self.root.ids.r_slider.value
        g = self.root.ids.g_slider.value
        b = self.root.ids.b_slider.value
        self.selected_color = [r, g, b, 1.0]
    
    # 点击按钮的回调，直接修改触发点击的按钮背景色
    def change_button_color(self, btn_instance):
        btn_instance.background_color = self.selected_color

if __name__ == '__main__':
    sletrix().run()

2. 如果你是在Python代码中动态生成600个按钮，生成时绑定回调即可：

# 比如在build方法中动态生成矩阵按钮
def build(self):
    root = Builder.load_string(kv)
    grid = root.ids.matrix_grid # 对应kv中GridLayout的id
    for i in range(600):
        btn = Button(
            background_normal='',
            background_color=(0,0,0,1)
        )
        btn.bind(on_press=self.change_button_color)
        grid.add_widget(btn)
    return root

注意事项 #

• Kivy中颜色值的范围是0_{1，如果你的滑块取值是0}255，需要除以255转换成0~1的范围再赋值
• 必须给按钮设置background_normal: ''，否则默认的按钮背景纹理会覆盖你设置的background_color，导致修改不生效

内容的提问来源于stack exchange，提问作者Martin Jäger