Kivy：选择Spinner选项时添加TextInput的优化及布局问题

需求是Spinner选中'1'或'2'时，在Spinner下方添加对应的TextInput控件。现有代码存在两个问题：一是把TextInput直接添加到Spinner内部，导致显示位置错误；二是每次选择都会重复创建输入框。以下是优化后的实现方案：

优化后的Python代码 #

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.textinput import TextInput

class MyTextInput(TextInput):
    pass

class MyApp(BoxLayout):
    def __init__(self, **kwargs):
        super(MyApp, self).__init__(**kwargs)

    def update_input(self, spinner_text):
        # 先清空输入框容器，避免重复添加
        self.ids.input_container.clear_widgets()
        
        # 根据选中值添加对应输入框
        if spinner_text in ['1', '2']:
            hint = f"输入选项{spinner_text}对应的值"
            self.ids.input_container.add_widget(MyTextInput(hint_text=hint))

class MainWindow(App):
    def build(self):
        return MyApp()

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

优化后的Kivy布局文件 #

<MyApp>:
    GridLayout:
        cols: 3

        BoxLayout:
            orientation: 'vertical'
            Label:
                id: lab1
                text: "label 1"
            TextInput:
                id: tp1

            Spinner:
                id: spinnerid
                on_text: root.update_input(self.text)
                values: ['1', '2']
                size_hint:(.4,.4)
                pos_hint: {'center_x':0.5, 'center_y':0.5}
            
            # 新增容器用于放置动态输入框，确保显示在Spinner下方
            BoxLayout:
                id: input_container
                orientation: 'vertical'
                size_hint_y: None
                height: self.minimum_height

            Label:
                id: lab2  # 修正原布局重复的id
                text: "label 2"
            TextInput:
                id: tp2
            Label:
                text: "State :"
            CheckBox:
                id: cb
                size_hint:(.5,.5)
                pos_hint: {'center_x':0.5, 'center_y':0.5}

关键修改说明 #

• 布局定位：新增input_container容器并放在Spinner下方，解决了输入框位置错误的问题，不再嵌套进Spinner内部。
• 避免重复创建：每次触发选择事件时先清空容器，确保同一时间只显示一个对应输入框。
• 体验优化：为不同选项设置差异化提示文本，同时修正了原布局中重复的id问题，避免控件冲突。

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