PySimpleGUI TabGroup替代方案咨询：多标签无法滚动时的内容切换实现

当TabGroup标签过多无法滚动时，可以用以下几种元素组合实现内容切换：

1. 下拉菜单（Dropdown）+ 容器切换 #

用下拉菜单选择要显示的内容项，配合Column或Frame容器切换显示，逻辑简单，占用空间小。

示例代码：

import PySimpleGUI as sg

# 定义各内容页
page1 = sg.Column([[sg.Text("页面1内容")]])
page2 = sg.Column([[sg.Text("页面2内容")]])
page3 = sg.Column([[sg.Text("页面3内容")]])
# 可扩展更多页面...

# 页面映射字典，方便快速匹配
pages = {"页面1": page1, "页面2": page2, "页面3": page3}

layout = [
    [sg.Dropdown(list(pages.keys()), default_value="页面1", key="-DROPDOWN-")],
    [sg.Column([[pages["页面1"]]], key="-CONTENT-")]
]

window = sg.Window("下拉菜单切换内容", layout)

while True:
    event, values = window.read()
    if event == sg.WIN_CLOSED:
        break
    if event == "-DROPDOWN-":
        # 更新内容区域
        window["-CONTENT-"].update(pages[values["-DROPDOWN-"]])

window.close()

2. 侧边列表框（Listbox）导航 #

左侧用Listbox展示所有选项，选中后右侧切换对应内容，适合选项数量多的场景，视觉层级清晰。

示例代码：

import PySimpleGUI as sg

# 定义内容页
page_a = sg.Column([[sg.Text("页面A详情")]])
page_b = sg.Column([[sg.Text("页面B详情")]])
page_c = sg.Column([[sg.Text("页面C详情")]])
pages = {"页面A": page_a, "页面B": page_b, "页面C": page_c}

layout = [
    [
        sg.Listbox(list(pages.keys()), size=(15, 10), key="-LISTBOX-", enable_events=True),
        sg.Column([[page_a]], key="-CONTENT-")
    ]
]

window = sg.Window("列表框导航", layout)

while True:
    event, values = window.read()
    if event == sg.WIN_CLOSED:
        break
    if event == "-LISTBOX-" and values["-LISTBOX-"]:
        selected_page = values["-LISTBOX-"][0]
        window["-CONTENT-"].update(pages[selected_page])

window.close()

3. 滚动按钮组+内容切换 #

如果想保留类似标签的点击体验，把按钮放在ScrollableFrame里，实现可滚动的"标签栏"，点击按钮切换内容。

示例代码：

import PySimpleGUI as sg

# 定义内容页
tab1 = sg.Column([[sg.Text("标签1内容")]])
tab2 = sg.Column([[sg.Text("标签2内容")]])
tab3 = sg.Column([[sg.Text("标签3内容")]])
# 可扩展更多标签...
pages = {"标签1": tab1, "标签2": tab2, "标签3": tab3}

# 滚动框架内放置按钮
button_layout = [[sg.Button(name, key=f"-BTN-{name}")] for name in pages.keys()]
scrollable_buttons = sg.ScrollableFrame(button_layout, size=(400, 50), horizontal_scroll=True)

layout = [
    [scrollable_buttons],
    [sg.Column([[tab1]], key="-CONTENT-")]
]

window = sg.Window("滚动按钮组", layout)

while True:
    event, values = window.read()
    if event == sg.WIN_CLOSED:
        break
    # 判断是否为按钮点击事件
    if event.startswith("-BTN-"):
        page_name = event.split("-")[2]
        window["-CONTENT-"].update(pages[page_name])

window.close()

这些方案都能实现多内容的选择切换，可根据界面布局需求挑选合适的实现方式。

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