如何在Kivy的GridLayout中点击按钮后拆分为3个小按钮（不切换屏幕）

要实现点击指定按钮后拆分为3个小按钮的效果，你需要在Python代码中添加处理逻辑，并在KV语言中绑定事件，具体修改如下：

修改Python代码 #

更新ScreenOne类，添加拆分按钮的方法，该方法会移除原按钮并添加包含3个小按钮的子布局：

from kivy.app import App
from kivy.lang import Builder
from kivy.uix.screenmanager import Screen, ScreenManager
from kivy.uix.gridlayout import GridLayout
from kivy.uix.button import Button

class ScreenOne(Screen):
    def break_button(self):
        # 获取主GridLayout和要拆分的目标按钮
        main_grid = self.ids.main_grid
        break_btn = self.ids.break_btn
        
        # 移除原按钮
        main_grid.remove_widget(break_btn)
        
        # 创建包含3个小按钮的横向子布局
        sub_grid = GridLayout(cols=3)
        for i in range(3):
            btn = Button(text=f"小按钮 {i+1}")
            sub_grid.add_widget(btn)
        
        # 将子布局插入到主GridLayout的原按钮位置
        main_grid.add_widget(sub_grid, index=0)

class WindowManager(ScreenManager):
    pass

kv = Builder.load_file("testing.kv")

class ScreenApp(App):
    def build(self):
        return kv


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

修改KV文件 #

给主GridLayout和目标按钮添加ID，并绑定on_release事件到拆分方法：

WindowManager:
    ScreenOne:

<ScreenOne>:
    GridLayout:
        id: main_grid
        size: root.height, root.width
        rows: 2
        Button:
            id: break_btn
            text: "Break this button into 3 smaller buttons"
            on_release: root.break_button()
        Label:
            text: ""

功能说明 #

• 点击目标按钮后，break_button方法会先移除原按钮，再创建一个横向排列的子GridLayout（包含3个平分宽度的小按钮），最后将这个子布局放回主GridLayout的原按钮位置。
• 主GridLayout的rows=2属性保持不变，子布局会占据原按钮的整行空间，无需切换屏幕即可完成布局更新。

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