3

我正在 wxPython [注 1]中构建一个 UI ，我有三个主体面板、两个工具栏和一个状态栏，其中包含两个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)设置的一样：它会随着主窗口垂直扩展而垂直扩展或收缩。它上面还有额外的空间。但是，我可以通过如下设置面板比例来停止此操作：

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)

-1甚至没有记录 a 上的Proportion()[note 2]设置的值Sizer，并且行为基本上符合我对原始代码示例的期望。这里发生了什么？

2. 后面的元素BoxSizer滑过前面的元素

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

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

笔记：

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

1 回答 1

3

问题显然在于不同的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展开，而工具栏和状态栏则没有。

于 2013-06-25T16:05:04.070 回答