如何隐藏wxPython的Horizontal BoxSizer并让下方控件上移？

你遇到的问题是仅隐藏StaticBitmap控件后，其父sizer仍会保留占位空间。要实现隐藏整个sizer并让下方控件上移填充，需要操作sizer本身而非仅控件，具体步骤如下：

修改要点 #

• 将目标sizer和内部控件设为类实例变量，方便后续控制
• 使用sizer的Show()方法控制其是否参与布局，而非仅隐藏控件
• 调用Layout()更新界面布局

修改后的完整代码 #

import wx
import wx.lib
import wx.lib.scrolledpanel
import wx.lib.filebrowsebutton

class MyFrame(wx.Frame):
    def __init__(self, *args, **kwds):
        screenSize = wx.DisplaySize()
        screenWidth = screenSize[0]
        screenHeight = screenSize[1]
        kwds["style"] = kwds.get("style", 0) | wx.DEFAULT_FRAME_STYLE
        wx.Frame.__init__(self, *args, **kwds)
        self.SetTitle("Test")
        self.Maximize(True)

        sizer_1 = wx.BoxSizer(wx.VERTICAL)

        self.nb = wx.Notebook(self, wx.ID_ANY)
        sizer_1.Add(self.nb, 1, wx.EXPAND, 0)

        self.nbFlash = wx.Panel(self.nb, wx.ID_ANY)
        self.nb.AddPage(self.nbFlash, "Demo")

        sizer_4 = wx.BoxSizer(wx.VERTICAL)

        label_10 = wx.StaticText(self.nbFlash, wx.ID_ANY, "Images")
        label_10.SetFont(wx.Font(12, wx.FONTFAMILY_SWISS, wx.FONTSTYLE_NORMAL, wx.FONTWEIGHT_BOLD, 0, "Arial"))
        sizer_4.Add(label_10, 1, wx.ALIGN_CENTER_HORIZONTAL, 0)

        # 将sizer设为实例变量
        self.sizer_29 = wx.BoxSizer(wx.HORIZONTAL)
        sizer_4.Add(self.sizer_29, 6, wx.EXPAND, 0)

        img1 = wx.Image("Any image path", wx.BITMAP_TYPE_ANY)
        w = img1.GetWidth() * 0.5
        h = img1.GetHeight() * 0.5
        img1 = img1.Scale(w,h)
        # 将图片控件设为实例变量
        self.bitmap_2 = wx.StaticBitmap(self.nbFlash, wx.ID_ANY, wx.Bitmap(img1))
        self.sizer_29.Add(self.bitmap_2, 1, wx.EXPAND, 0)

        img2 = wx.Image("Any image path", wx.BITMAP_TYPE_ANY)
        w = img2.GetWidth() * 0.5
        h = img2.GetHeight() * 0.5
        img2 = img2.Scale(w,h)
        # 将图片控件设为实例变量
        self.bitmap_3 = wx.StaticBitmap(self.nbFlash, wx.ID_ANY, wx.Bitmap(img2))
        self.sizer_29.Add(self.bitmap_3, 1, wx.EXPAND, 0)

        # 添加测试按钮，用于触发隐藏/显示操作
        self.toggle_btn = wx.Button(self.nbFlash, wx.ID_ANY, "Toggle Image Sizer")
        sizer_4.Add(self.toggle_btn, 0, wx.ALIGN_CENTER_HORIZONTAL | wx.ALL, 10)
        self.toggle_btn.Bind(wx.EVT_BUTTON, self.on_toggle_sizer)

        sizer_5 = wx.BoxSizer(wx.HORIZONTAL)
        sizer_4.Add(sizer_5, 3, wx.EXPAND, 0)

        sizer_5_1 = wx.BoxSizer(wx.VERTICAL)
        sizer_5.Add(sizer_5_1, 1, wx.LEFT, 20)

        label_13 = wx.StaticText(self.nbFlash, wx.ID_ANY, "Upload")
        label_13.SetFont(wx.Font(12, wx.FONTFAMILY_SWISS, wx.FONTSTYLE_NORMAL, wx.FONTWEIGHT_BOLD, 0, "Arial"))
        sizer_5_1.Add(label_13, 0, wx.ALIGN_CENTER_HORIZONTAL, 0)

        sizer_5_1.Add((0,0), 1, 0, 0)

        self.fbb1 = wx.FilePickerCtrl(self.nbFlash, message="Choose an Image")
        sizer_5_1.Add(self.fbb1, 0, wx.ALIGN_CENTER_HORIZONTAL, 20)

        sizer_5_1.Add((30,30), 1, 0, 0)
        
        label_14 = wx.StaticText(self.nbFlash, wx.ID_ANY, "Add")
        label_14.SetFont(wx.Font(12, wx.FONTFAMILY_SWISS, wx.FONTSTYLE_NORMAL, wx.FONTWEIGHT_BOLD, 0, "Arial"))
        sizer_5_1.Add(label_14, 0, wx.ALIGN_CENTER_HORIZONTAL, 0)

        sizer_5_1.Add((0,0), 1, 0, 0)

        self.text = wx.TextCtrl(self.nbFlash, wx.ID_ANY, style = wx.TE_PROCESS_ENTER)
        sizer_5_1.Add(self.text, 0, wx.ALIGN_CENTER_HORIZONTAL, 0)

        sizer_5_1.Add((0,0), 1, wx.ALIGN_CENTER_HORIZONTAL, 0)

        self.nbFlash.SetSizer(sizer_4)
        self.SetSizer(sizer_1)

        self.Layout()
        # 初始化sizer显示状态
        self.sizer_visible = True

    def on_toggle_sizer(self, event):
        self.sizer_visible = not self.sizer_visible
        # 控制sizer的显示状态，第二个参数False则隐藏并移除布局空间
        self.sizer_29.Show(self.sizer_visible)
        # 同时隐藏/显示内部的图片控件（可选，因为sizer隐藏后控件也会被隐藏）
        self.bitmap_2.Show(self.sizer_visible)
        self.bitmap_3.Show(self.sizer_visible)
        # 更新整个面板的布局
        self.nbFlash.Layout()
        # 如果需要，也可以更新整个窗口的布局
        self.Layout()

class MyApp(wx.App):
    def OnInit(self):
        self.frame = MyFrame(None, wx.ID_ANY, "")
        self.SetTopWindow(self.frame)
        self.frame.Show()
        return True

if __name__ == "__main__":
    app = MyApp(0)
    app.MainLoop()

关键解释 #

• sizer.Show(show_flag)：当show_flag为False时，该sizer会被排除在布局计算之外，其占用的空间会被其他sizer/控件填充，这是仅隐藏控件做不到的。
• Layout()：修改布局后必须调用该方法，通知wxPython重新计算并绘制界面，否则不会看到变化。
• 添加的Toggle Image Sizer按钮用于演示隐藏/显示的切换效果，你可以根据自己的需求触发这个逻辑（比如菜单、其他事件）。

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