Kivy ToggleButton设置圆角后触发状态无法变色的技术问询

你的核心问题是自定义ToggleButton时没有根据选中状态切换颜色，且错误地继承了Button类（丢失了ToggleButton原生的选中逻辑）。以下是修复后的完整方案：

修改后的KV代码 #

BoxLayout:
    orientation: "horizontal"
    pos_hint: {"center_x": .5, "center_y": .5}
    size_hint_y: 0.1
    size_hint_x: 0.95
    spacing: dp(5)

    ToggleButton:
        id: toggle_button
        text: "Button"

<ToggleButton@ToggleButton>
    background_color: 0, 0, 0, 0
    background_normal: ''
    background_down: ''
    # 自定义两种状态的颜色（可按需修改）
    normal_color: (48/255, 84/255, 150/255, 1)
    down_color: (28/255, 54/255, 120/255, 1)
    
    canvas.before:
        Color:
            # 根据按钮状态动态切换颜色
            rgba: self.normal_color if self.state == 'normal' else self.down_color
        RoundedRectangle:
            size: self.size
            pos: self.pos
            radius: [58]

关键修改说明 #

• 修正继承关系：把<ToggleButton@Button>改为<ToggleButton@ToggleButton>，确保保留原生ToggleButton的选中/未选中状态切换逻辑。
• 动态颜色绑定：通过self.state属性（值为normal表示未选中，down表示选中），用条件表达式切换圆角矩形的填充色。
• 可维护性优化：把两种状态的颜色定义为类属性，后续修改颜色只需调整normal_color和down_color即可，无需修改canvas逻辑。

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