如何布局扩展两个方向的wxPython面板

时间:2013-06-24 18:16:15

标签: python wxpython

我正在wxPython中建立一个用户界面, [注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)一样:当主窗口垂直展开时,它会垂直展开或收缩。它上面还有额外的空间。但是,我可以通过如下设置面板比例来停止此操作:

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上的Proportion() [note 2] 设置甚至没有记录Sizer值,行为基本上与我的相符期待原始代码示例。这是怎么回事?

2。 BoxSizer中的后来元素滑过早期元素

无论我如何设置比例(至少在上述两个选项之间),后面的项目都表现为彼此相关的预期。但是,如果盒子变小,它们会滑过第一个元素。所以,如果我_GenerateViewPanels()返回面板(像往常一样),它们会向上滑动并覆盖顶部工具栏。如果我没有做任何事情(没有生成任何普通面板),下一个工具栏会向上滑动并覆盖顶部工具栏。重申:底部工具栏或面板没有一个相互作用;他们只使用第一个工具栏。和以前一样,我很困惑:这里发生了什么?

[编辑:使上述代码成为完全正常运行的示例应用程序。]


备注:

  1. 我正在使用Phoenix的wxPython快照构建,特别是2.9.5.81-r73784,在Windows 7和OS X上针对Python 3.3运行。可能这是快照中的问题建造,但我很怀疑。
  2. Proportion()是基本proportion=<value>参数的fancy wrapper,用于向Sizer添加元素。至于我尝试-1的原因,我只是错误地记住了proportion BoxSizer.Add()参数的默认/基值。

1 个答案:

答案 0 :(得分: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_flagsbar_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

正如预期的那样,这些框现在应该相互关联:{{1}}展开,而工具和状态栏则不展开。