wxpython布局的实现方法


Posted in Python onNovember 01, 2019

我们目前已经学会了四个控件,也编出了几个窗口实例,它们都有一个共同的特点,就是丑,主要原因是没有进行合理地布局。

此前的布局方式简单粗暴,即明确规定每个控件的大小和位置,从而使之固定。这种布局方式可称之为绝对定位布局,缺点是控件尺寸固定,并不会随着窗口的放缩而同步变化。而且所有的控件都处于同一层次中,逻辑混乱,难于修改。

一个比较初级但很直观的想法是,我们可不可以按照比例来调整控件的布局?我等菜鸟所能想到的需求,彼等大佬自然早已解决,BoxSizer便是为此而生。

我们可以将BoxSizer理解为一个容器或者一个箱子,里面的控件要么水平排列,要么竖直排列。而且BoxSizer之间也可以互相嵌套,从而实现一种非常灵活的布局方式。如图所示:

wxpython布局的实现方法

在上图中,第一步,将按钮0、1、2装进一个BoxSizer;将3、4、5、6装入第二个BoxSizer;再将7-11装入第三个BoxSizer。这三个BoxSizer都是横向的。

第二步,将这三个BoxSizer装入一个纵向的BoxSizer中。

第三步,再将这个纵向的BoxSizer与按钮12装入主BoxSizer中。于是这个布局便完成了。

其代码如下,为了表现清晰,所以并没有写得很精简。

import wx

class testBox(wx.Frame):
  def __init__(self,parent=None):
    wx.Frame.__init__(self,parent=parent)

    #生成12个按钮
    btns = [wx.Button(self,label=str(i)) for i in range(13)]
    myStyle = wx.EXPAND|wx.ALL #设置装填风格

    #左侧第一行的BoxSizer
    box1 = wx.BoxSizer()
    for i in range(3):
      box1.Add(btns[i],1,myStyle,border=10)

    #左侧第二行的BoxSizer
    box2 = wx.BoxSizer()
    for i in range(3,7):
      box2.Add(btns[i],1,myStyle,border=10)

    #左侧第三行的BoxSizer
    box3 = wx.BoxSizer()
    for i in range(7,12):
      box3.Add(btns[i],1,myStyle,border=10)

    #左侧BoxSizer,wx.VERTICAL表示这个BoxSizer为纵向
    leftBox = wx.BoxSizer(wx.VERTICAL)
    leftBox.Add(box1,1,myStyle,border=10)
    leftBox.Add(box2,1,myStyle,border=10)
    leftBox.Add(box3,1,myStyle,border=10)

    #总BoxSizer
    mainBox = wx.BoxSizer()
    mainBox.Add(leftBox,1,myStyle,border=10)
    mainBox.Add(btns[12],1,myStyle,border=10)

    #在框架中设置mainBox
    self.SetSizer(mainBox)

class MyApp(wx.App):
  def OnInit(self):
    self.SetAppName("testbox")
    self.Frame = testBox()
    self.Frame.Show()
    return True

if __name__ == "__main__":
  test = MyApp()
  test.MainLoop()

wx.BoxSizer控件除了self之外,只有一个初始化参数,即orient,默认为wx.HORIZONTAL,即横向;如果输入wx.VERTICAL,则为纵向。

wx.BoxSizer通过Add方法装填控件,其常用的调用格式为:

Add (self, window, proportion=0, flag=0, border=0)
  • window为BoxSizer所装填的控件
  • proportion声明这个控件的尺寸是否随着窗口的放缩而改变,如果改变的话其比例为多少
  • flag声明装填风格,如果想拥有多种风格,风格之间用"|"连接
  • border为边界间隔

其中,proportion的参数为0时,表示尺寸不变;为正整数时,分别按照这个值的比例进行缩放。

Flags相对来说比较复杂,常用的可选值大致有三类,分别是声明边界、声明对齐和声明填充。

Add方法通过wx.TOP、wx.BOTTOM、wx.LEFT、wx.RIGHT、wx.ALL来声明边界。例如,如果选择了wx.LEFT,即说明左侧的边界宽度为border。

Add通过wx.ALIGN_LEFT、wx.ALIGN_RIGHT、wx.ALIGN_RIGHT、wx.ALIGN_TOP、wx.ALIGN_BOTTOM、wx.ALIGN_CENTER来声明对齐方式,如果选择wx.ALIGN_LEFT,则表示左对齐。此外,对于居中而言,还支持水平或竖直的居中,字段为wx.ALIGN_CENTER_HORIZONTAL、wx.ALIGN_CENTER_VERTICAL。

wx.EXPAND是一个常用的值,表示装载的控件将填充所有的剩余空间。一般来说,如果选了这个,那么proportion的值就不能为0了。

至此,我们就已经有足够的能力编写出右侧选项卡中的参数布局了,下面则考虑左侧画图区的实现。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Python 相关文章推荐
在Python的Flask框架下使用sqlalchemy库的简单教程
Apr 09 Python
Python极简代码实现杨辉三角示例代码
Nov 15 Python
Python实现一个服务器监听多个客户端请求
Apr 12 Python
python中类的属性和方法介绍
Nov 27 Python
Python检查和同步本地时间(北京时间)的实现方法
Dec 03 Python
基于wxPython的GUI实现输入对话框(2)
Feb 27 Python
元组列表字典(莫烦python基础)
Apr 03 Python
基于腾讯云服务器部署微信小程序后台服务(Python+Django)
May 08 Python
Python学习笔记之列表和成员运算符及列表相关方法详解
Aug 22 Python
浅谈python中频繁的print到底能浪费多长时间
Feb 21 Python
python3.8动态人脸识别的实现示例
Sep 21 Python
使用django自带的user做外键的方法
Nov 30 Python
Python高级编程之消息队列(Queue)与进程池(Pool)实例详解
Nov 01 #Python
python基于socket实现的UDP及TCP通讯功能示例
Nov 01 #Python
python中time库的实例使用方法
Oct 31 #Python
Django实现分页显示效果
Oct 31 #Python
Django实现基于类的分页功能
Oct 31 #Python
python Django框架实现web端分页呈现数据
Oct 31 #Python
python3常用的数据清洗方法(小结)
Oct 31 #Python
You might like
php minixml详解
2008/07/19 PHP
js以对象为索引的关联数组
2010/07/04 Javascript
JQuery1.6 使用方法三
2011/11/23 Javascript
jquery垂直公告滚动实现代码
2013/12/08 Javascript
jquery获取节点名称
2015/04/26 Javascript
Javascript实现div层渐隐效果的方法
2015/05/30 Javascript
JavaScript中几种排序算法的简单实现
2015/07/29 Javascript
jQuery Validation Plugin验证插件手动验证
2016/01/26 Javascript
深入理解jQuery3.0的domManip函数
2016/09/01 Javascript
Jquery Easyui对话框组件Dialog使用详解(14)
2016/12/19 Javascript
Bootstrap源码解读导航条(7)
2016/12/23 Javascript
原生js实现瀑布流布局
2017/03/08 Javascript
js学使用setTimeout实现轮循动画
2017/07/17 Javascript
AngularJs 最新验证手机号码的实例,成功测试通过
2017/11/26 Javascript
Swiper 4.x 使用方法(移动端网站的内容触摸滑动)
2018/05/17 Javascript
Angularjs中date过滤器失效的问题及解决方法
2018/07/06 Javascript
vue-cli项目使用mock数据的方法(借助express)
2019/04/15 Javascript
element-ui中按需引入的实现
2019/12/25 Javascript
javascript中可能用得到的全部的排序算法
2020/03/05 Javascript
javascript-hashchange事件和历史状态管理实例分析
2020/04/18 Javascript
javascript中正则表达式语法详解
2020/08/07 Javascript
react ant Design手动设置表单的值操作
2020/10/31 Javascript
python统计文本文件内单词数量的方法
2015/05/30 Python
python用Pygal如何生成漂亮的SVG图像详解
2017/02/10 Python
python中reader的next用法
2018/07/24 Python
matplotlib实现热成像图colorbar和极坐标图的方法
2018/12/13 Python
CSS3教程(5):网页背景图片
2009/04/02 HTML / CSS
CSS图片翻转动画技术详解(IE也实现了)
2014/04/03 HTML / CSS
银行会计职员个人的自我评价
2013/09/29 职场文书
三好学生自我鉴定
2013/12/17 职场文书
英文商务邀请信
2014/01/22 职场文书
顶撞领导检讨书
2014/01/29 职场文书
国旗下的讲话演讲稿
2014/05/08 职场文书
团结演讲稿范文
2014/05/23 职场文书
财政局党的群众路线教育实践活动整改方案
2014/09/21 职场文书
Python编写可视化界面的全过程(Python+PyCharm+PyQt)
2021/05/17 Python