关闭

Python GUI之tkinter布局管理

标签: pythontkintergui布局
16317人阅读 评论(1) 收藏 举报
分类:

Python3 tkinter系列

一、概述
二、布局管理
三、常用组件
四、实战(一)
五、实战(二)

所谓布局,就是指控制窗体容器中各个控件(组件)的位置关系。tkinter 共有三种几何布局管理器,分别是:pack布局,grid布局,place布局。

pack布局
使用 pack布局,将向容器中添加组件,第一个添加的组件在最上方,然后是依次向下添加。

from tkinter import *

root = Tk()

#创建三个 Label 分别添加到root窗体中 
#Label是一种用来显示文字或者图片的组件
Label(root,text = 'pack1',bg = 'red').pack() 
Label(root, text = 'pack2', bg = 'blue').pack() 
Label(root, text = 'pack3', bg = 'green').pack() 

root.mainloop()

如图:
这里写图片描述

pack常用属性

属性名 属性简析 取值 取值说明
fill 设置组件是否向水平或垂直方向填充 X、Y、BOTH 和NONE fill = X(水平方向填充)fill = Y(垂直方向填充)fill = BOTH(水平和垂直)NONE 不填充
expand 设置组件是否展开,当值为YES时,side选项无效。组件显示在父容器中心位置;若fill选项为BOTH,则填充父组件的剩余空间。默认为不展开 YES 、NO(1、0) expand=YES expand=NO
side 设置组件的对齐方式 LEFT、TOP、RIGHT、BOTTOM 值为左、上、右、下
ipadx、ipady 设置x方向(或者y方向)内部间隙(子组件之间的间隔) 可设置数值,默认是0 非负整数,单位为像素
padx、pady 设置x方向(或者y方向)外部间隙(与之并列的组件之间的间隔) 可设置数值,默认是0 非负整数,单位为像素
anchor 锚选项,当可用空间大于所需求的尺寸时,决定组件被放置于容器的何处 N、E、S、W、NW、NE、SW、SE、CENTER(默认值为CENTER) 表示八个方向以及中心

注意:上表中取值都是常量,YES等价于”yes”,亦可以直接传入字符串值。另外当界面复杂度增加时,要实现某种布局效果,需要分层来实现。

from tkinter import *    #注意模块导入方式,否则代码会有差别

class App:
    def __init__(self, master):
        #使用Frame增加一层容器
        fm1 = Frame(master)
        #Button是一种按钮组件,与Label类似,只是多出了响应点击的功能
        Button(fm1, text='Top').pack(side=TOP, anchor=W, fill=X, expand=YES)
        Button(fm1, text='Center').pack(side=TOP, anchor=W, fill=X, expand=YES)
        Button(fm1, text='Bottom').pack(side=TOP, anchor=W, fill=X, expand=YES)
        fm1.pack(side=LEFT, fill=BOTH, expand=YES)

        fm2 = Frame(master)
        Button(fm2, text='Left').pack(side=LEFT)
        Button(fm2, text='This is the Center button').pack(side=LEFT)
        Button(fm2, text='Right').pack(side=LEFT)        
        fm2.pack(side=LEFT, padx=10)


root = Tk()
root.title("Pack - Example")
display = App(root)
root.mainloop()
如上,创建一个Frame容器fm1,将三个垂直排列的Button组件使用pack布局放入fm1容器中,然后创建fm2容器,同样将三个水平排列的Button组件放入,最后将两个Frame容器当做组件,使用pack布局放入根窗体容器中。如此分层布局,实现了相对复杂一些的界面需求。

这里写图片描述

pack类提供了下列函数(使用组件实例对象调用):

函数名 描述
pack_slaves() 以列表方式返回本组件的所有子组件对象。
pack_configure(option=value) 给pack布局管理器设置属性,使用属性(option)= 取值(value)方式设置
propagate(boolean) 设置为True表示父组件的几何大小由子组件决定(默认值),反之则无关。
pack_info() 返回pack提供的选项所对应得值。
pack_forget() Unpack组件,将组件隐藏并且忽略原有设置,对象依旧存在,可以用pack(option, …),将其显示。
location(x, y) x, y为以像素为单位的点,函数返回此点是否在单元格中,在哪个单元格中。返回单元格行列坐标,(-1, -1)表示不在其中
size() 返回组件所包含的单元格,揭示组件大小。

grid布局
grid布局又被称作网格布局,是最被推荐使用的布局。程序大多数都是矩形的界面,我们可以很容易把它划分为一个几行几列的网格,然后根据行号和列号,将组件放置于网格之中。使用grid 布局时,需要在里面指定两个参数,分别用row 表示行,column 表示列。需要注意的是 row 和 column 的序号都从0 开始。

如下图,假设将界面分成网格。
这里写图片描述

grid属性设置

属性名 属性简析 取值 取值说明
row、column row为行号,column为列号,设置将组件放置于第几行第几列 取值为行、列的序号,不是行数与列数 row 和 column 的序号都从0 开始
sticky 设置组件在网格中的对齐方式 N、E、S、W、NW、NE、SW、SE、CENTER 类似于pack布局中的锚选项
rowspan 组件所跨越的行数 跨越的行数 取值为跨越占用的行数,而不是序号
columnspan 组件所跨越的列数 跨越的列数 取值为跨越占用的列数,而不是序号
ipadx、ipady、padx、pady 组件的内部、外部间隔距离,与pack的该属性用法相同 同pack 同pack

grid类提供了下列函数(使用组件实例对象调用):

函数名 描述
grid_slaves() 以列表方式返回本组件的所有子组件对象。
grid_configure(option=value) 给pack布局管理器设置属性,使用属性(option)= 取值(value)方式设置
grid_propagate(boolean) 设置为True表示父组件的几何大小由子组件决定(默认值),反之则无关。
grid_info() 返回pack提供的选项所对应得值。
grid_forget() Unpack组件,将组件隐藏并且忽略原有设置,对象依旧存在,可以用pack(option, …),将其显示。
grid_location(x, y) x, y为以像素为单位的点,函数返回此点是否在单元格中,在哪个单元格中。返回单元格行列坐标,(-1, -1)表示不在其中
size() 返回组件所包含的单元格,揭示组件大小。

place布局。
最简单最灵活的一种布局,使用组件坐标来放置组件的位置。但是不太推荐使用,在不同分辨率下,界面往往有较大差异。

place属性设置

属性名 属性简析 取值 取值说明
anchor 锚选项,同pack布局 默认值为 NW 同pack布局
x、y 组件左上角的x、y坐标 整数,默认值0 绝对位置坐标,单位像素
relx、rely 组件相对于父容器的x、y坐标 0~1之间浮点数 相对位置,0.0表示左边缘(或上边缘),1.0表示右边缘(或下边缘)
width、height 组件的宽度、高度 非负整数 单位像素
relwidth、relheight 组件相对于父容器的宽度、高度 0~1之间浮点数 与relx(rely)取值相似
bordermode 如果设置为INSIDE,组件内部的大小和位置是相对的,不包括边框;如果是OUTSIDE,组件的外部大小是相对的,包括边框 INSIDE、OUTSIDE(默认值INSIDE) 可以使用常量INSIDE、OUTSIDE,也可以使用字符串形式”inside”、”outside”

place类提供了下列函数(使用组件实例对象调用):

函数名 描述
place_slaves() 以列表方式返回本组件的所有子组件对象。
place_configure(option=value) 给pack布局管理器设置属性,使用属性(option)= 取值(value)方式设置
propagate(boolean) 设置为True表示父组件的几何大小由子组件决定(默认值),反之则无关。
place_info() 返回pack提供的选项所对应得值。
grid_forget() Unpack组件,将组件隐藏并且忽略原有设置,对象依旧存在,可以用pack(option, …),将其显示。
location(x, y) x, y为以像素为单位的点,函数返回此点是否在单元格中,在哪个单元格中。返回单元格行列坐标,(-1, -1)表示不在其中
size() 返回组件所包含的单元格,揭示组件大小。
2
0
查看评论

windows下Python的Tkinter库的安装

检查有没有安装 如上,没有安装TKinter 点击如下链接下载安装包: http://wiki.python.org/moin/TkInter windows下python3.2版本之后是自动安装tkinter的,python3.3的引入方式为: >>> import _...
  • qq_32005671
  • qq_32005671
  • 2017-06-07 19:16
  • 18559

Tkinter教程之Listbox篇

#Tkinter教程之Listbox篇#Listbox为列表框控件,它可以包含一个或多个文本项(text item),可以设置为单选或多选1.创建一个Listbox,向其中添加三个itemfrom Tkinter import *root =...
  • jcodeer
  • jcodeer
  • 2007-10-04 18:51
  • 16241

Python GUI编程(Tkinter)

在Python中有很多图形开发界面库可以使用。 Python GUI库 PyQT;PyQt是一个创建GUI应用程序的工具包。它是Python编程语言和Qt库的成功融合。Qt库是目前最强大的库之一。PyQt是由Phil Thompson 开发。 PyQt实现了一个Python模块集。它...
  • qq_25600055
  • qq_25600055
  • 2015-07-22 21:59
  • 825

python tkinter_一小时掌握基本知识(上)

**1. Label 2. Button 3. Entry 4. Checkbutton 5. Radiobutton 6. Listbox 7. Scale 8. Spinbox**python tkinter比较容易掌握,所以本博文旨在让已经有python基础的人用最...
  • huangmx1995
  • huangmx1995
  • 2016-11-01 20:28
  • 785

Python-Tkinter几何布局管理(转)

Python-Tkinter几何布局管理(转)   所有的Tkinter组件都包含专用的几何管理方法,这些方法是用来组织和管理整个父配件区中子配件的布局的。Tkinter提供了截然不同的三种几何管理类:pack、grid和place。 pack()   pack几何管理采用块的方式组织...
  • topfire7
  • topfire7
  • 2015-04-29 15:58
  • 3837

python tkinter教程-事件绑定

一个Tkinter主要跑在mainloop进程里。Events可能来自多个地方,比如按键,鼠标,或是系统事件。 Tkinter提供了丰富的方法来处理这些事件。对于每一个控件Widge,你都可以为其绑定方法function。widget.bind(event,handler)如果相应的event发生...
  • u014027051
  • u014027051
  • 2016-12-22 15:08
  • 10093

Python Tkinter 插件用法讲解(一) (python2.7)

一.什么是Tkinter? 二.Tkinter模块的使用 三.Tkinter常见控件 四.第一个GUI程序 五.美化第一个GUI程序
  • u010258605
  • u010258605
  • 2015-02-17 18:42
  • 10543

python与Tkinter编程(中文+英文原版)

  • 2014-11-18 21:28
  • 28.87MB
  • 下载

Python 3基础教程37-tkinter添加图片和文本

本文在前面文章基础上介绍tkinter添加图片和文本,在这之前,我们需要安装一个图片库,叫Pillow,这个需要下载exe文件,根据下面图片下载和安装。 下载完后直接双击安装exe,默认点击下一步,直到安装完成,会自动安装到Python3.6下的\lib\site-packages\PIL...
  • u011541946
  • u011541946
  • 2017-05-07 21:39
  • 4072

Tkinter教程之Entry篇

#Tkinter教程之Entry篇#Entry用来输入单行文本1.第一个Entry程序from Tkinter import *root = Tk()Entry(root,text = input your t...
  • jcodeer
  • jcodeer
  • 2007-10-04 18:38
  • 16019
    个人资料
    • 访问:177167次
    • 积分:2374
    • 等级:
    • 排名:第18465名
    • 原创:26篇
    • 转载:0篇
    • 译文:0篇
    • 评论:24条
    最新评论