Kivy使用CheckBox实现Layout布局动态添加与移除的问题排查

问题根源 #

你的add_layout方法每次被触发（无论勾选还是取消勾选）时，都会先重新创建一个全新的GridLayout实例赋值给self.layout，取消勾选时调用remove_widget移除的是这个刚创建、根本没有被添加到input_layout里的新实例，自然不会对之前已经添加完成的布局生效。

修正后的代码 #

仅需调整ProcessDataEx类的逻辑即可：

from kivy.app import App
from kivy.lang import Builder
from kivy.uix.gridlayout import GridLayout
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.label import Label
from kivy.uix.textinput import TextInput
from kivy.metrics import dp

Builder.load_file("process_data_example_design.kv")

class ProcessDataEx(BoxLayout):
    # 初始化标记附加布局未创建
    def __init__(self, **kwargs):
        super().__init__(**kwargs)
        self.histogram_layout = None

    def add_layout(self, checkbox, value):
        if value:
            # 仅勾选时创建布局实例
            self.histogram_layout = GridLayout(cols=2, rows=4, size_hint_y=None, height=self.height*0.275, spacing=dp(8), padding=dp(8))
            self.histogram_layout.add_widget(Label(text="Histogram particle label:", size_hint_x=None, width=self.width*0.33))
            self.histogram_layout.add_widget(TextInput())
            self.histogram_layout.add_widget(Label(text="Dumps to iterate:", size_hint_x=None, width=self.width*0.33))
            self.histogram_layout.add_widget(TextInput())
            self.histogram_layout.add_widget(Label(text="X-axis max:", size_hint_x=None, width=self.width*0.33))
            self.histogram_layout.add_widget(TextInput())
            self.histogram_layout.add_widget(Label(text="Y-axis max:", size_hint_x=None, width=self.width*0.33))
            self.histogram_layout.add_widget(TextInput())
            self.ids.input_layout.add_widget(self.histogram_layout)
        else:
            # 取消勾选时移除已存在的布局实例
            if self.histogram_layout:
                self.ids.input_layout.remove_widget(self.histogram_layout)
                self.histogram_layout = None
            print(value)

class ProcessDataApp(App):
    def build(self):
        return ProcessDataEx()

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

多CheckBox兼容方案 #

如果后续需要给多个CheckBox分别绑定不同的附加布局，只需把单布局变量替换为字典存储即可：

• 初始化时声明self.layout_map = {}
• 给每个CheckBox的on_active事件传递唯一标识，比如on_active: root.add_layout(*args, "log_histogram")
• 在add_layout方法中用唯一标识作为key，把对应布局实例存入self.layout_map，增删操作都通过key读取对应实例，不同CheckBox的操作完全互不影响。

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