怎么判断水平结构和垂直结构(wxPython - 布局管理之水平布局和垂直布局)

Posted 2023-05-26

篇首语：好汉做事干到底，好马登程跑到头。本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎么判断水平结构和垂直结构(wxPython - 布局管理之水平布局和垂直布局)相关的知识，希望对你有一定的参考价值。

怎么判断水平结构和垂直结构(wxPython - 布局管理之水平布局和垂直布局)

实战wxPython系列-010

在现代GUI桌面程序开发中，一般都有对GUI交互窗口中的控件进行布局的功能，在布局管理中，最常见的两种布局就是水平布局和垂直布局，顾名思义，在水平布局中，所有控件从左到右水平排列，在垂直布局中，控件从上到下垂直排列。

在PyQt或者PySide中，通过QHBoxLayout来实现水平布局，通过QVBoxLayout来实现垂直布局，类似的，在wxPython中，我们使用wx.BoxSizer来实现水平和垂直布局。

一、wx.BoxSizer

wx.BoxSizer调制器的基本思路是，在一行或者一列中，窗口通常会以简单的几何形状进行布局，通过将一个sizer进行水平和垂直布局设置后，放置到已经存在的Sizer中的操作，我们可实现非常复杂的布局。

类Box Sizer的在wxPython的继承关系如图1所示。

图1：wx.BoxSizer继承关系图

wx.BoxSizer的常用方法有：

AddSpacer(self, size): 在调整器的主方向上添加不可拉伸空间，更可读的调用方式如下：

If boxSizer.IsVertical():      boxSizer.Add(0, size, 0)else:      boxSizer.Add(size, 0, 0

CalcMin(self): 提供计算boxSizer最小值的方法，它只在内部使用，用户不能调用它。

GetOrientation(self): 返回boxSizer的布局方向，其返回值为wx.VERTICAL 或wx.HORIZONTAL。

SetOrientation(self, orient): 设置boxSizer的方向, 参数orient的取值为wx.VERTICAL 或wx.HORIZONTAL。

RepositionChildren(self, minSize): 通过最近一次调用CalcMin方法和sizer当前可用的总尺寸(m_size)来重新提供boxSizer中子控件的位置。在导出类中，该方法必须重载。

从图1可以看出，wx.BoxSizer继承自wx.Sizer, 因此wx.BoxSizer可调用从wx.Sizer继承而来的方法，比如我们在wx.BoxSizer中最常使用的Add方法，它向Sizer添加一个子控件。wx.BoxSizer最常见的使用方法如下：

box = wx.BoxSizer(orient : interger)box.Add(window : wx.Window, proportion=0 : interger, flag=0 : interger, border = 0 :interger)

参数orient的取值可以为wx.VERTICAL 或wx.HORIZONTAL。通过调用Add方法来添加一个窗口部件到BoxSizer中。

参数proportion定义小部件在定义方向上变化的比例。假设我们有三个比例为0、1和2的按钮。它们被添加到水平的wx.BoxSizer中。比例为0的按钮不会改变，比例为2的按钮在水平长度是比例为1的按钮长度的两倍。

使用参数flag, 可以进一步配置wx.BoxSizer中小部件的行为, flag可以使用以下参数和这这些参数的组合：

wx.LEFTwx.RIGHTwx.BOTTOMwx.TOPwx.ALL

参数border则可以调整BoxSizer内部子控件之间的距离。

二、样例演示

样例演示代码如下:

import wxclass Example(wx.Frame):    def __init__(self, *args, **kwargs):        super(Example, self).__init__(*args, **kwargs)                #self.SetTitle('实战wxPython: 垂直布局示例')        self.SetTitle('实战wxPython: 水平布局示例')        self.SetSize(400, 300)                self.InitUi()                self.Centre()            def InitUi(self):        panel = wx.Panel(self)                panel.SetBackgroundColour('#4f5049')        #box = wx.BoxSizer(wx.VERTICAL)        box = wx.BoxSizer(wx.HORIZONTAL)                pan1 = wx.Panel(panel)        pan1.SetBackgroundColour('#00eded')                pan2 = wx.Panel(panel)        pan2.SetBackgroundColour('#ed00ed')                box.Add(pan1, wx.ID_ANY, wx.EXPAND | wx.ALL, 10)        box.Add(pan2, wx.ID_ANY, wx.EXPAND | wx.ALL, 10)                panel.SetSizer(box)            def OnQuit(self, e):        self.Close()        def main():    app = wx.App()    window = Example(None)    window.Show()    app.MainLoop()    if __name__ == '__main__':    main()

上面的样例代码演示了怎样使用wx.BoxSizer进行垂直布局，其运行结果如图2所示：

图2：垂直布局演示

box = wx.BoxSizer(wx.VERTICAL) 替换成 box = wx.BoxSizer(wx.HORIZONTAL) 则可以将上述演示样例改成水平布局，其运行结果如图3所示：

图3：水平布局演示

三、wx.StaticBoxSizer

wx.StaticBoxSizer继承自wx.BoxSizer, 其类继承关系如图4：

图4：wx.StaticBoxSizer继承关系图

注意，自从wxWidgets 2.9.1以后，强烈建议使用wx.StaticBoxSizer来创建包含wx.StaticBox件的调节器。

四、本文知识点

使用wx.BoxSizer实现水平和垂直布局；
了解wx.StaticBoxSizer。

请多多关注，评论，收藏，点赞，和转发。

前一篇：wxPython - 布局管理简介及绝对位置布局