python - 如何布局双向扩展的 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) set on it:它随着主窗口的垂直扩展而垂直扩展或收缩。它上面还有额外的空间。但是，我可以通过如下设置面板比例来停止此操作:

bar_flags = common_flags.Proportion(-1)

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

A -1 Proportion() 的值甚至没有记录^{[注释 2]} Sizer 上的设置，并且行为基本上符合我对原始代码示例的期望。这是怎么回事？

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

无论我如何设置比例(至少在上述两个选项之间)，后者的行为都符合预期。但是，如果盒子变小，它们会滑过第一个元素。所以，如果我有 _GenerateViewPanels()返回面板(像往常一样)，它们向上滑动并覆盖顶部工具栏。如果我让它什么也不做(没有生成任何普通面板)，下一个工具栏会向上滑动并覆盖顶部工具栏。重申一下:底部工具栏或面板都不会以这种方式相互交互；他们只使用第一个 工具栏。和以前一样，我很困惑:这是怎么回事？

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

---

注意事项:

1. 我正在使用 Phoenix 的 wxPython 快照构建，特别是 2.9.5.81-r73784 ，在 Windows 7 和 OS X 上针对 Python 3.3 运行。可能这是快照构建的问题，但我对此表示怀疑。
2. Proportion()是 fancy wrapper对于基本proportion=<value>将元素添加到 Sizer 的参数。至于我为什么试-1 ，我只是记错了 proportion 的默认值/基值BoxSizer.Add() 的参数.

Answer 1

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

SizerFlags 对象的所有方法都返回相同的对象(不是对象的副本)，因此调用一个方法会更新对象和对它的所有引用 – 它确实不是返回一个副本，而是同一个对象。因此，添加注释的原始代码解释出了什么问题:

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 声明为单独的对象。这涉及一些小的代码重复，但值得注意的是您不是对同一个对象重复该操作；您正在对多个对象执行相同的操作。提供以下代码可以解决问题:

bar_flags = wx.SizerFlags().Expand().Border(wx.ALL, 1).Proportion(0)
box_flags = wx.SizerFlags().Expand().Border(wx.ALL, 1).Proportion(1)

main_box.Add(tool_status_bars.main, bar_flags)
main_box.Add(wrap_panels_box, box_flags)
main_box.Add(tool_status_bars.panel_view, bar_flags)
main_box.Add(tool_status_bars.status, bar_flags)

正如预期的那样，这些框现在按照它们应该的方式相互关联:wrap_panels_box 展开，而工具栏和状态栏没有。