PySimpleGUI元素增删优化：隐藏元素后空间残留问题求解

你遇到的问题是因为PySimpleGUI中单纯设置visible=False只会隐藏元素，但仍会保留其在布局中的占位空间。下面提供两种更优的解决方案：

方案一：使用sg.pin()实现无占位隐藏 #

sg.pin()可以让元素在隐藏时完全释放占用的布局空间，显示时自动恢复位置。只需修改布局中包裹目标Column的部分：

修改后的布局代码：

layout = [
    [sg.Text('Select function'),
     sg.OptionMenu(values=lst, default_value=lst[0], key='Option')],
    [sg.Column(
        [[sg.Text("Enter a number"), sg.InputText(size=(20, 1), key='base')]])],
    # 用sg.pin()包裹需要动态显示/隐藏的Column
    [sg.pin(sg.Column([[sg.Text("Enter exponent"), sg.InputText(
        size=(20, 1), key='exponent')]], key='exponent-row', visible=False))],
    [sg.Button("Submit"), sg.Exit()],
    [sg.Output(size=(50, 10), key='-OUTPUT-')]
]

其余逻辑保持不变，当切换函数时，设置window['exponent-row'].update(visible=True/False)即可实现无占位的显示/隐藏。

方案二：动态替换布局内容 #

如果需要完全移除元素而非隐藏，可以通过更新Column的布局来实现。这种方式更灵活，适合复杂布局的动态调整：

修改后的核心代码：

def main():
    global window

    function = {"x**2": fun1, "x**y": fun2}
    lst = list(function.keys())
    # 基础布局，不含指数输入行
    base_layout = [
        [sg.Text('Select function'),
         sg.OptionMenu(values=lst, default_value=lst[0], key='Option')],
        [sg.Column(
            [[sg.Text("Enter a number"), sg.InputText(size=(20, 1), key='base')]])],
        # 用一个空Column作为动态容器
        [sg.Column([], key='dynamic-container')],
        [sg.Button("Submit"), sg.Exit()],
        [sg.Output(size=(50, 10), key='-OUTPUT-')]
    ]

    window = sg.Window("My GUI", base_layout, finalize=True)
    window['Option'].TKStringVar.trace("w", callback)

    while True:
        event, values = window.read()

        if event in (sg.WIN_CLOSED, "Exit"):
            break

        elif event == "Option":
            selected_function = values[event]
            if selected_function == 'x**y':
                # 替换动态容器的布局为指数输入行
                window['dynamic-container'].update(layout=[[sg.Text("Enter exponent"), sg.InputText(size=(20, 1), key='exponent')]])
            else:
                # 清空动态容器的布局
                window['dynamic-container'].update(layout=[])
        # Submit逻辑保持不变...

这种方式通过更新dynamic-container的布局内容，实现元素的动态添加和移除，完全不会留下占位空间。

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