如何实现Rounded01按钮按下时切换为Rounded02的KV定义样式并还原

你可以直接通过Kivy按钮的state属性（normal/down）来绑定不同状态下的样式，不需要额外复杂逻辑，下面是两种实现方式：

方法1：KV语言直接绑定状态（推荐） #

这种方式无需编写Python逻辑，直接在KV中为Rounded01定义两种状态的样式，按下时自动切换为Rounded02的样式，释放后恢复：

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

Builder.load_string('''
<Rounded01@Button>:
    # 正常状态（normal）的样式：原Rounded01定义
    background_normal: ''
    background_down: ''
    background_color: 0.2, 0.6, 0.8, 1
    canvas.before:
        Color:
            rgba: self.background_color if self.state == 'normal' else (0.8, 0.2, 0.6, 1)
        RoundedRectangle:
            pos: self.pos
            size: self.size
            radius: [10] if self.state == 'normal' else [20]

<Rounded02@Button>:
    # 参考样式：原Rounded02定义
    background_normal: ''
    background_down: ''
    background_color: 0.8, 0.2, 0.6, 1
    canvas.before:
        Color:
            rgba: self.background_color
        RoundedRectangle:
            pos: self.pos
            size: self.size
            radius: [20]

BoxLayout:
    orientation: 'vertical'
    padding: 20
    spacing: 20
    Rounded01:
        text: '点击切换样式'
    Rounded02:
        text: '参考样式'
''')

class StyleSwitchApp(App):
    def build(self):
        return Builder.load_string('BoxLayout:')

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

关键说明： #

• 把background_normal和background_down设为空字符串，避免Kivy默认背景图片覆盖自定义canvas。
• 通过self.state == 'down'判断按钮状态，动态切换Color的rgba值和RoundedRectangle的radius，完全匹配Rounded02的样式。

方法2：Python代码监听状态变化 #

如果你的样式逻辑更复杂，可以通过监听按钮的on_state事件，动态修改属性和canvas：

from kivy.app import App
from kivy.lang import Builder
from kivy.graphics import Color, RoundedRectangle

Builder.load_string('''
<Rounded01@Button>:
    background_normal: ''
    background_down: ''
    background_color: 0.2, 0.6, 0.8, 1
    canvas.before:
        Color:
            rgba: self.background_color
        RoundedRectangle:
            pos: self.pos
            size: self.size
            radius: [10]
    on_state: root.update_button_style(self, args[1])

<Rounded02@Button>:
    background_normal: ''
    background_down: ''
    background_color: 0.8, 0.2, 0.6, 1
    canvas.before:
        Color:
            rgba: self.background_color
        RoundedRectangle:
            pos: self.pos
            size: self.size
            radius: [20]

BoxLayout:
    orientation: 'vertical'
    padding: 20
    spacing: 20
    Rounded01:
        text: '点击切换样式'
    Rounded02:
        text: '参考样式'
''')

class StyleSwitchApp(App):
    def build(self):
        return Builder.load_string('BoxLayout:')
    
    def update_button_style(self, button, state):
        button.canvas.before.clear()
        if state == 'down':
            # 应用Rounded02的样式
            button.background_color = (0.8, 0.2, 0.6, 1)
            with button.canvas.before:
                Color(0.8, 0.2, 0.6, 1)
                RoundedRectangle(pos=button.pos, size=button.size, radius=[20])
        else:
            # 恢复Rounded01的原样式
            button.background_color = (0.2, 0.6, 0.8, 1)
            with button.canvas.before:
                Color(0.2, 0.6, 0.8, 1)
                RoundedRectangle(pos=button.pos, size=button.size, radius=[10])

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

关键说明： #

• 每次状态变化时先清空canvas.before，避免样式叠加。
• 根据状态重新绘制对应的Color和RoundedRectangle，完全复刻目标样式。

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