如何布局双向展开的wxPython面板

Question

我正在wxPython中构建一个UI，^[注意1]我有三个主体面板、两个工具栏和一个状态栏，其中有两个BoxSizer元素（一个垂直的包含上面所有的元素，一个水平的包含主体面板）。我不能让布局工作得很好，我得到了一些我在文档中找不到的行为。我省略了一些细节，但以下是应用程序的相关（工作）部分：

import wx
import wx.adv

class MyApp(wx.App):
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)

    def OnInit(self):
        self.frame = AppFrame(parent=None, title="My Sweet App")
        self.SetTopWindow(self.frame)
        self.frame.Show()
        return True

class AppFrame(wx.Frame):
    def __init__(self, size=(1024, 768), *args, **kwargs):
        super().__init__(size=size, *args, **kwargs)

        # Menu (quit only)
        menubar = wx.MenuBar()
        file_menu = wx.Menu()

        quit_item = wx.MenuItem(
            file_menu, wx.ID_EXIT, '&Exit', 'Close the application')
        file_menu.append(quit_item)
        self.Bind(wx.EVT_MENU, OnQuit, id=wx.ID_EXIT)
        menubar.Append(file_menu, '&File')
        self.SetMenuBar(menubar)

        # Outer box wrapper
        main_box = wx.BoxSizer(orient=wx.VERTICAL)
        self.SetSizer(main_box)
        main_box.SetMinSize(size)

        # Inner box with the three main view panels in it
        wrap_panels_box = wx.BoxSizer(orient=wx.HORIZONTAL)
        wrap_panels_box.SetMinSize(200, 200)
        panel1 = wx.Panel(self, -1)
        panel2 = wx.Panel(self, -1)
        panel3 = wx.Panel(self, -1)
        common_flags = wx.SizerFlags().Expand().Border(wx.ALL, 5)
        wrap_panels_box.AddMany([(panel1, common_flags),
                                 (panel2, common_flags),
                                 (panel3, common_flags)])

        # Two toolbars for different sets of commands
        toolbar1 = wx.ToolBar(parent=self)
        tool1 = toolbar1.CreateTool(
            toolId=wx.ID_NEW, label='',
            bmpNormal=wx.ArtProvider.GetBitmap(wx.ART_NEW, wx.ART_TOOLBAR))
        toolbar1.AddTool(tool1)
        toolbar1.Realize()

        toolbar2 = wx.ToolBar(parent=self)
        tool2 = toolbar2.CreateTool(
            toolId=wx.ID_SAVE, label='',
            bmpNormal=wx.ArtProvider.GetBitmap(wx.ART_FILE_SAVE, wx.ART_TOOLBAR))
        toolbar2.AddTool(tool2)
        toolbar2.Realize()

        statusbar = wx.StatusBar(parent=self)

        # Add all layout elements
        bar_flags = common_flags.Proportion(0)

        main_box.Add(toolbar1, bar_flags)
        main_box.Add(wrap_panels_box, common_flags.Proportion(1))
        main_box.Add(toolbar2, bar_flags)
        main_box.Add(statusbar, bar_flags)

        self.Layout()

def OnQuit(event):
    exit(0)

if __name__ == '__main__':
    app = MyApp()
    app.MainLoop()

所有的子组件生成方法（_GenerateMenu()，_GenerateToolStatusBars()，和_GenerateViewPanels()）都如预期一样工作，基本上也符合预期，所以我把它们放在一边。在

各种各样的作品基本上都在正确的地方，但我这里有一些怪癖。在

1。状态栏展开

由_GenerateToolStatusBars()方法返回的状态栏就像在上面设置了Proportion(1)：它在主窗口垂直展开时垂直展开或收缩。它上面还有额外的空间。但是，我可以通过如下设置面板比例来停止此操作：

^{pr2}$

一个-1值甚至没有记录在Proportion()^[注意2]设置中，-1的行为基本上与我在原始代码示例中所期望的一致。这是怎么回事？在

2。BoxSizer中的后面的元素滑过前面的元素

不管我如何设置比例（至少在上面的两个选项之间），后一个项目的行为与预期的相互关系。但是，如果长方体变小，它们会滑过第一个元素。因此，如果我让_GenerateViewPanels()返回面板（与往常一样），它们会向上滑动并覆盖顶部工具栏。如果我什么都不做（没有生成任何正常面板），下一个工具栏会向上滑动并覆盖顶部工具栏。重申一下：底部的工具栏或面板都不是这样相互作用的；它们只与第一个工具栏进行交互。和以前一样，我很困惑：这是怎么回事？在

[编辑：使上述代码成为一个完全工作的示例应用程序。]

---

注意事项：

1. 我使用的是Phoenix的wxPython快照构建，特别是2.9.5.81-r73784，在windows7和osx上运行python3.3。这是快照构建中的一个问题，但我很怀疑。在
2. Proportion()是一个fancy wrapper，用于向Sizer添加元素的基本proportion=<value>参数。至于我为什么尝试-1，我只是记错了proportion参数的默认值/基值。在

Answer 1

问题显然出在不同的Proportion()调用上。对wxPython Widget Inspection Tool的一些测试和使用表明，common_flags正在被对它的调用所修改。在

{em>并不是所有对象的副本（返回一个对象的副本），所以调用一个对象的副本并不是所有的对象。因此，添加了注释的原始代码解释了出现的问题：

common_flags = wx.SizerFlags().Expand().Border(wx.ALL, 1)  # creates the object
bar_flags = common_flags.Proportion(0)  # bar_flags points to the common_flags object

# Referencing common_flags with Proportion set to 0
main_box.Add(toolbar1, bar_flags)

# Changes the value of common_flags.
main_box.Add(wrap_panels_box, common_flags.Proportion(1))

# Since bar_flags points to common_flags, it also has Proportion set to 1
main_box.Add(toolbar2, bar_flags)
main_box.Add(statusbar, bar_flags)

解决方案很简单：将bar_flags和box_flags声明为单独的对象。这涉及到一些小的代码重复，但值得注意的是，您是在同一个对象上重复该操作；您正在多个对象上执行相同的操作。提供以下代码可以解决此问题：

^{pr2}$

正如预期的那样，这些框现在应该相互关联：wrap_panels_box会展开，而工具栏和状态栏则不会。在