wxpython笔记：wxpython的界面布局方式（一）

时间  2020-01-04
标签 wxpython 笔记 界面 布局 方式 栏目 Python 繁體版
原文   原文链接

 

wxpython的五种布局方式：

  • Grid：一个十分基础的网格布局。当你要放置的窗口部件都是一样的尺寸且整齐地放入一个规则的网格中是使用它。
  • Flex grid：对grid sizer稍微作了些改变，当窗口部件有不一样的尺寸时，能够有更好的结果。
  • Grid bag：grid sizer系列中最灵活的成员。使得网格中的窗口部件能够更随意的放置。
  • Box：在一条水平或垂直线上的窗口部件的布局。当尺寸改变时，在控制窗口部件的的行为上很灵活。一般用于嵌套的样式。可用于几乎任何类型的布局。
  • Static box：一个标准的box sizer。带有标题和环线。

 

下面咱们会介绍Grid、Box、Static box三种布局方式。python

grid Sizer

Grid：一个十分基础的网格布局。当你要放置的窗口部件都是一样的尺寸且整齐地放入一个规则的网格中是使用它。算法

一个grid sizer是类wx.GridSizer的一个实例。app

构造函数显式地设置四个属性：框架

wx.GridSizer(rows, columns, vgap, hgap) yii

rows:建立多少行 ide

columns：建立多少列函数

vgap：两相邻列间的间隔的象素量 oop

hgap：两相邻行间的间隔的象素量布局

grid sizer中每一个空格的尺寸是相同的，即便每一个窗口部件的尺寸不一样，grid sizer最适合用于全部子窗口相同尺寸的状况。spa

wx.GridSizer 类经常使用方法：

  • Add()添加在下一可用网格插槽的控件
  • AddMany()在控制列表中添加每一个项目
  • SetRows()设置在sizer中的行数
  • GetRows()检索在该sizer的行数
  • SetCols()设置在sizer列数
  • GetCols()检索列数的大小
  • SetVGap()设置单元之间的垂直间隙(像素)
  • GetVGap()返回小区之间vgap的值
  • SetHGap()设置单元之间的水平间隙(像素)
  • GetHGap()返回指定的小区之间hgap的值

实例

import wx
class Example(wx.Frame):
    def __init__(self, parent, title):
        super(Example, self).__init__(parent, title=title, size=(300, 200))
        self.InitUI()
        self.Centre()
        self.Show()

    def InitUI(self):
        p = wx.Panel(self)
        gs = wx.GridSizer(4, 4, 5, 5)
        for i in range(1, 17):
            btn = "Btn" + str(i)
            gs.Add(wx.Button(p, label=btn), 0, wx.EXPAND)
            p.SetSizer(gs)#把GridSizer与框架关联起来

app = wx.App()
Example(None, title='Grid Demo - www.yiibai.com')
app.MainLoop()

 

 

Box Sizer

 box:一个box sizer是一个垂直列或水平行，窗口部件在其中从左至右或从上到下布置在一条线上。

box sizer是类wx.BoxSizer的实例，wx.BoxSizer是wx.Sizer的子类，相对于wx.Sizer，wx.BoxSizer几乎没有增长新的方法。

wx.BoxSizer的构造函数有一个参数：

wx.BoxSizer(orient)

参数orient表明该sizer的方向，它的取值能够是wx.VERTICAL或wx.HORIZONTAL。

建立垂直与水平盒子：

Box1 = wx.BoxSizer(wxHORIZONTAL)
Box2 = wx.BoxSizer(wxVERTICAL)

box sizer是wxPython所提供的sizer中的最简单和最灵活的sizer。

wx.BoxSizer 类的经常使用方法：

  • SetOrientation()设置定向wxHORIZONTAL或wxVERTICAL
  • AddSpacer()添加非伸缩性空间
  • AddStretchSpacer()增长了伸缩空间，以便调整窗口的大小会影响控件的大小成比例
  • Clear()从sizer移除子控件
  • Detach()从sizer删除控件不销毁
  • Insert()在指定位置插入一个子控件
  • Remove()从sizer和销毁删除子控件

实例

import wx

class Mywin(wx.Frame):
    def __init__(self, parent, title):
        super(Mywin, self).__init__(parent, title=title,size=(600, 400))
        panel1 = wx.Panel(self)
        #垂直盒子
        vbox = wx.BoxSizer(wx.VERTICAL)
        #水平盒子
        nmbox = wx.BoxSizer(wx.HORIZONTAL)
        #建立两个静态文本
        fn = wx.StaticText(panel1, -1, label="电影名称：")
        ln = wx.StaticText(panel1, -1,label="选择片源：")
        #建立两个输入框
        self.nm1 = wx.TextCtrl(panel1, -1,size = (200,20),style=wx.ALIGN_LEFT)
        #在水平盒子里添加上面三个
        nmbox.Add(fn, 0, wx.ALL| wx.EXPAND, 5)
        nmbox.Add(self.nm1, 0, wx.ALL|wx.EXPAND, 5)
        nmbox.Add(ln, 0,  wx.ALL|wx.EXPAND, 5)
        #建立下拉框
        self.languages = ['电影天堂', '80S电影网', '1905电影网', 'BT天堂', '龙部落','电影港','人人字幕组']
        self.choice =self.languages[0]
        self.combo = wx.ComboBox(panel1, choices=self.languages,value=self.languages[0])
        #在水平盒子添加下拉框
        nmbox.Add(self.combo, 1, wx.EXPAND | wx.ALIGN_CENTER_HORIZONTAL | wx.ALL, 5)


        #建立按钮
        self.find_Button = wx.Button(panel1, label="查询")
        self.Bind(wx.EVT_BUTTON, self.Onclick, self.find_Button)
        #在水平盒子里添加查询按钮
        nmbox.AddSpacer(20)
        nmbox.Add(self.find_Button, 0, wx.ALIGN_CENTER_HORIZONTAL)
        #在垂直盒子里添加水平盒子
        vbox.Add(nmbox, 0, wx.ALL | wx.CENTER, 5)

        multiLabel = wx.StaticText(panel1, -1, "查询结果：")
        vbox.Add(multiLabel, 0, wx.ALL | wx.EXPAND, 5)

        # 建立文本域
        self.multiText = wx.TextCtrl(panel1, -1,size=(200, 200), style=wx.TE_MULTILINE)  # 建立一个文本控件
        self.multiText.SetInsertionPoint(0)  # 设置插入点
        #  在垂直盒子里添加文本域
        vbox.Add(self.multiText, 1, wx.ALL | wx.EXPAND , 5)

        panel1.SetSizer(vbox)
        self.Show()

    def Onclick(self,event):
       print(self.choice)
       self.multiText.write(self.choice+"\n")
app = wx.App()
Mywin(None, '快搜')
app.MainLoop()

重点介绍的是box的add方法：

Add() 方法(从wxSizer继承)它附加到sizer的下一行/列。 
Box.Add(size, proportion, flag, border) 
size:须要添加的窗口。
border：参数是整数，设置控件之间间隔像素空间。
proportion：参数控制的控件响应于所述容器的尺寸改变其大小。

flag：参数的组合决定控件在sizer的外观。
对齐标志
wx.ALIGN_TOP
wx.ALIGN_BOTTO
Mwx.ALIGN_LEFT
wx.ALIGN_RIGHT
wx.ALIGN_CENTER_VERTICAL
wx.ALIGN_CENTER_HORIZONTAL

边界标志
wx.TOP
wx.BOTTOM
wx.LEFT
wx.RIGHT
wx.ALL

行为标志　　　　　　　　　　
wx.EXPAND     项目将扩大，以填补提供给它的空间(wx.GROW是同样的)
wx.SHAPED     与EXPAND类似，但保持了项目的高宽比
wx.FIXED_MINSIZE 不容许该项目变得比其最初的最小尺寸更小
wx.RESERVE_SPACE_EVEN_IF_ HIDDEN 不容许测量器(sizer)回收项目空间，当它被隐藏时
flag参数 
box sizer的布局算法对待该sizer的主方向（当构建的时候已被它的方向参数所定义）和次要方向是不一样的。特别地，proportion参数只适用于当sizer沿主
方向伸缩时，而wx.EXPAND标记仅适用于当sizer的尺寸在次方向上变化时。换句话说，当一个垂直的box sizer被垂直地绘制时，传递给每一个Add()方法调用的
参数proportion决定了每一个项目将如何垂直地伸缩。除了影响sizer和它的项目的水平增加外，参数proportion以一样的方式影响水平的box sizer。在另外一方面，
次方向的增加是由对项目所使用的wx.EXPAND标记来控制的，因此，在一个垂直的box sizer中的项目将只在水平方向增加，若是它们设置了wx.EXPAND标记的话，
不然这些项目保持它们的最小或最合适的尺寸。

 

Static box Sizer

Static box ：一个static box合并了box sizer和静态框（static box），静态框在sizer的周围提供了一个漂亮的边框和文本标签。

static box sizer是类wx.StaticBoxSizer的实例，wx.StaticBoxSizer是wx.BoxSizer的子类。

它的构造函数要求的参数是静态框和方向：

wx.StaticBoxSizer(box, orient)

orient：意义与原wx.BoxSizer相同。

box：是一个wx.StaticBox。

wx.StaticBox类有一个用于wxPython控件的标准的构造函数，可是其中许多参数都有默认值，能够忽略。

wx.StaticBox(parent, id, label, pos=wx.DefaultPosition, size=wx.DefaultSize, style=0, name=”staticBox”)

使用一个static box sizer，你不须要去设置pos, size, style, 或name参数，由于位置和尺寸将由sizer管理，而且没用单独用于wx.StaticBox的样式。这使得构
造更简单：

box = wx.StaticBox(self.panel, -1, boxlabel)

 

实例

步骤：

  • 建立一个wx.StaticBox对象。
  • 建立一个wx.StaticBoxSizer，将wx.StaticBox对象做为其参数。 
import wx


class Mywin(wx.Frame):
    def __init__(self, parent, title):
        super(Mywin, self).__init__(parent, title=title)
        #建立白板
        panel = wx.Panel(self)
        #建立垂直与水平box盒子
        vbox = wx.BoxSizer(wx.VERTICAL)
        nmbox = wx.BoxSizer(wx.HORIZONTAL)

        # 建立一个wx.StaticBox对象。
        # 声明一个wx.StaticBoxSizer与建立的wx.StaticBox对象做为其参数。
        nm = wx.StaticBox(panel, -1, 'Name:')
        nmSizer = wx.StaticBoxSizer(nm, wx.VERTICAL)

        #构建静态文本框与输入框
        fn = wx.StaticText(panel, -1, "First Name")
        nm1 = wx.TextCtrl(panel, -1, style=wx.ALIGN_LEFT)
        ln = wx.StaticText(panel, -1, "Last Name")
        nm2 = wx.TextCtrl(panel, -1, style=wx.ALIGN_LEFT)
        #在水平盒子里添加进上面四个
        nmbox.Add(fn, 0, wx.ALL | wx.CENTER, 5)
        nmbox.Add(nm1, 0, wx.ALL | wx.CENTER, 5)
        nmbox.Add(ln, 0, wx.ALL | wx.CENTER, 5)
        nmbox.Add(nm2, 0, wx.ALL | wx.CENTER, 5)
        #在StaticBoxSizer添加进水平盒子
        nmSizer.Add(nmbox, 0, wx.ALL | wx.CENTER, 10)
        
        #在垂直盒子里添加StaticBoxSizer盒子
        vbox.Add(nmSizer, 0, wx.ALL | wx.CENTER, 5)
        panel.SetSizer(vbox)
        self.Centre()
        panel.Fit()
        self.Show()
        # 关系：
        # 垂直box盒子添加StaticBoxSizer盒子
        # StaticBoxSizer盒子添加水平盒子  
app = wx.App()
Mywin(None, 'StaticBoxSizer')
app.MainLoop()

从结果来看：一个static box闭box盒子多了一层边框，和文本。

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程