Python tkinter调整元件在窗口中的位置与几何布局管理
Tkinter中的GUI总是有一个root窗口,不管你是主动或者别动获得.主窗口就是你的程序开始运行的时候创建的,在主窗口中你通常是放置了你主要的部件.另外,Tkinter脚本可以依据需要创建很多独立的窗口,主要的方法就是通过创建Toplevel对象。
每一个Toplevel对象都创建一个显示的窗口,不需要通过mainloop方法调用。
关于Toplevel和Tk部件:
一个Toplevel象一个Frame,并且可以通过额外的方法来让你处理Toplevel窗口的属性。
而Tk更像一个Toplevel,但是它用于描绘程序主窗口的外貌。
Tkinter GUI都是按照层次来创建的,默认你可以有一个根窗口(root window).
一,Tkinter介绍
Tkinter 是一个python模块,是一个调用Tcl/Tk的接口,它是一个跨平台的脚本图形界面接口。Tkinter不是唯一的python图形编程接口,但是是 其中比较流行的一个。最大的特点是跨平台,缺点是性能不太好,执行速度慢。
一 般使用Tkinter的方法是:
From Tkinter import *
或 者: import Tkinter 两者的区别我们前面讲模块的时候已经说过了。
二,Tkinter的使用。
先 看一下GUI程序的开发,熟悉MFC的朋友应该不会陌生。在GUI程序中,我们会有一个顶层窗口,在这个顶层窗口上可以包括所有的小窗口对象,像标签,按 钮,列表框等等,也就是说顶层窗口时我们放置其他窗口或者控件的地方。我们用下面的语句可以创建一个顶层窗口,或者叫根窗口:
Import Tkinter
top = Tkinter.Tk()
(如 果前面是用的from Tkinter import * ,那么Tk()就够了)
然 后我们就可以在这个根窗口上设置“组件”了。通常这些组件会有一些相应的行为,比如鼠标点击,按下等等,这些称为事件,而程序会根据这些时间采取相应的反 应,称为回调。这个过程成为事件驱动。
所 有的创建和放置完毕后,就立刻进入主循环,代码如下:
Tkinter.mainloop( )
Tk 的组件有很多,不可能一一介绍,通过一个小例子看看其中一个标签的使用吧。
>>> import Tkinter
>>> top = Tkinter.Tk()
>>> label = Tkinter.Label(top,text=’Hello World’)
>>> label.pack()
>>> Tkinter.mainloop()
运 行结果就是
下 面解释一下:
第一行,是导入模块。
第 二行,创建主窗口。
第 三行,创建label标签,它是有Tkinter的一个方法Label来实现的,关于Label的帮助可以help一下。
第 四行,pack()是用来管理和显示组件的,它的参数我们以后再说。
第 五行,mainloop()进入主循环。剩下的事就系统的了。
下 面看看组件的配置。Tk中的每一个组件都有很多option,通过改变这些option可以改变组件的外观,比如显示的内容,颜色,大小,位置,事件处理 函数等。
比 如: w=label(root,text=’hello’,fg=’red’)
创 建一个w,第一个参数时他的master widget,是root,所有参数都有默认的。我们可以用默认的来创建,w.cget(option)得到一个option的值。同样可以用 w.config(option=’’)来设置某个参数的值。
三,Tkinter的几何管理器。
熟 悉GUI编程的人知道,放好每个组件的是很繁琐的,不仅要调整自身大小,还要
整 和其他组件的相对位置。Tk提供了三个管理器来帮助我们:Pack Grid Place
1 pack
Pack 使用很简单,就是w.pack(option)。常用的option有:
Side 表示把组件放到哪一边,TOP(上),BOTTOM(下),LEFT,RIGHT
Padx 和pady 表示parcel的每一个边和组件的预留空间。
Ipadx 和ipady,表示组件的每一个边和他包含的内容之间的预留空间。
Anchor 表示在parcel放置组件的方式,缺省时CENTER。
2 grid
使 用方法和pack类似。
3 place
精 确的摆放一个组件的位置,一般不太用。
关 于这个三个的详细使用和算法可以参考相关资料。
下 面看最后一个例子:
#encoding=utf-8 from Tkinter import * #resize函数是用来改变文字大小的,当进度条改变时调用 def resize(ev=None): #config函数就是通过设置组件的参数来改变组件的,这里改变的是font字体大小 label.config(font='Helvetica -%d bold' % scale.get()) #主窗口 top=Tk() #设置了主窗口的初始 大小600×400 top.geometry('600×400+30+40') #设置标签字体的初始大小 label=Label(top,text='Hello world!',font='Helvetica -16 bold') #scale创建进度条,设置 label.pack(fill=Y,expand=1) scale=Scale(top,from_=10,to=40,orient=HORIZONTAL,command=resize) #设置起始位置 scale.set(12) scale.pack(fill=X,expand=1) quit = Button(top,text='QUIT',command=top.quit,activeforeground='white', activebackground='red') quit.pack() mainloop()
函数名 | 描述 |
slaves() | 以列表方式返回本组件的所有子组件对象。 |
propagate(boolean) | 设置为True表 示父组件的几何大小由子组件决定(默认值),反之则无关。 |
info() | 返回pack提 供的选项所对应得值。 |
forget() | Unpack组 件,将组件隐藏并且忽略原有设置,对象依旧存在,可以用pack(option, …),将其显示。 |
grid_remove () |
所有的Tkinter组件都包含专用的几何管理方法,这些方法是用 来组织和管理整个父配件区中子配件的布局的。Tkinter提 供了截然不同的三种几何管理类:pack、grid和place。
pack()
pack几何管理采用块的方式组织配件,在快速生成界面设计中广泛采用,若干组件简单的布局, 采用pack的代码量最少。pack几何管理程序根据组件创建生成的顺序将组件添加到父组 件中去。通过设置相同的锚点(anchor)可以 将一组配件紧挨一个地方放置,如果不指定任何选项,默认在父窗体中自顶向下添加组件。
使用pack()布局的通用公式为:
WidgetObject.pack(option, …)
pack方 法提供了下列option选项,选项可以直接赋值 或以字典变量加以修改:
名称 | 描述 | 取值范围 |
expand | 当值为“yes”时,side选项无效。组件显示在父配件中心位置;若fill选项为”both”,则填充父组件的剩余空间。 | “yes”, 自然数, “no”, 0
(默认值为“no”或0) |
fill | 填充x(y)方向上的空间,当 属性side=”top”或”bottom”时,填充x方向;当属性side=”left”或”right”时, 填充”y”方向;当expand选项为”yes”时,填充父组件的剩余空间。 | “x”, “y”, “both”
(默认值为待选) |
ipadx, ipady | 组件内部在x(y)方向上填充 的空间大小,默认单位为像素,可选单位为c(厘 米)、m(毫米)、
i(英寸)、p(打印机的点,即1/27英寸),用法为在值后加以上一个后缀既可。 |
非负浮点数
(默认值为0.0) |
padx, pady | 组件外部在x(y)方向上填充 的空间大小,默认单位为像素,可选单位为c(厘 米)、m(毫米)、
i(英寸)、p(打印机的点,即1/27英寸),用法为在值后加以上一个后缀既可。 |
非负浮点数
(默认值为0.0) |
side | 定义停靠在父组件的哪一边上。 | “top”, “bottom”, “left”, “right”
(默认为”top”) |
before | 将本组件于所选组建对象之前pack, 类似于先创建本组件再创建选定组件。 | 已经pack后的组件对象 |
after | 将本组件于所选组建对象之后pack, 类似于先创建选定组件再本组件。 | 已经pack后的组件对象 |
in_ | 将本组件作为所选组建对象的子组件,类似于指定本组件的master为 选定组件。 | 已经pack后的组件对象 |
anchor | 对齐方式,左对齐”w”,右对 齐”e”,顶对齐”n”,
底对齐”s” |
“n”, “s”, “w”, “e”, “nw”, “sw”, “se”, “ne”, “center”
(默认为” center”) |
注:以上选项中可以看出expand、fill和side是相互影响的。
典型例子:(默认引用为from Tkinter import *)
单组件填充满父组件:
text = Text(root, …)
text.pack(expand=YES, fill=”both”) Tkitkinter模块提供了一系列大写值,其等价于字符型小写值,即Tkinter,YES = = “yes”。
多组件布局(从左往右): 默认布局是从上往下。
btn = Button(root, …)
btn.pack(side=LEFT, padx=<chmetcnv unitname=”C” sourcevalue=”4″ hasspace=”False” negative=”False” numbertype=”1″ tcsc=”0″ w:st=”on”></chmetcnv>4c) x轴左右拓展4厘 米。
Text(root, …).pack(side=LEFT)
pack类提供了下列函数:
函数名 | 描述 |
slaves() | 以列表方式返回本组件的所有子组件对象。 |
propagate(boolean) | 设置为True表示父组件的几 何大小由子组件决定(默认值),反之则无关。 |
info() | 返回pack提供的选项所对应 得值。 |
forget() | Unpack组件,将组件隐藏 并且忽略原有设置,对象依旧存在,可以用pack(option, …), 将其显示。 |
location(x, y) | x, y为以像素为单位的点, 函数返回此点是否在单元格中,在哪个单元格中。返回单元格行列坐标,(-1, -1)表示不在其中。 |
size() | 返回组件所包含的单元格,揭示组件大小。 |
grid()
grid几何管理采用类似表 格的结构组织配件,使用起来非常灵活,用其设计对话框和带有滚动条的窗体效果最好。grid采 用行列确定位置,行列交汇处为一个单元格。每一列中,列宽由这一列中最宽的单元格确定。每一行中,行高由这一行中最高的单元格决定。组件并不是充满整个单 元格的,你可以指定单元格中剩余空间的使用。你可以空出这些空间,也可以在水平或竖直或两个方向上填满这些空间。你可以连接若干个单元格为一个更大空间, 这一操作被称作跨越。创建的单元格必须相临。
使用grid()布局的通用公式为:
WidgetObject.grid(option, …)
grid方 法提供了下列option选项,选项可以直接赋值 或以字典变量加以修改:
名称 | 描述 | 取值范围 |
column | 组件所置单元格的列号。 | 自然数(起始默认值为0,而后 累加) |
columnspan | 从组件所置单元格算起在列方向上的跨度。 | 自然数(起始默认值为0) |
ipadx, ipady | 组件内部在x(y)方向上填充 的空间大小,默认单位为像素,可选单位为c(厘 米)、m(毫米)、
i(英寸)、p(打印机的点,即1/27英寸),用法为在值后加以上一个后缀既可。 |
非负浮点数
(默认值为0.0) |
padx, pady | 组件外部在x(y)方向上填充 的空间大小,默认单位为像素,可选单位为c(厘 米)、m(毫米)、
i(英寸)、p(打印机的点,即1/27英寸),用法为在值后加以上一个后缀既可。 |
非负浮点数
(默认值为0.0) |
row | 组件所置单元格的行号。 | 自然数(起始默认值为0,而后 累加) |
rowspan | 从组件所置单元格算起在行方向上的跨度。 | 自然数(起始默认值为0) |
in_ | 将本组件作为所选组建对象的子组件,类似于指定本组件的master为 选定组件。 | 已经pack后的组件对象 |
sticky | 组件紧靠所在单元格的某一边角。 | “n”, “s”, “w”, “e”, “nw”, “sw”, “se”, “ne”, “center”
(默认为” center”) |
典型例子:(默 认引用为from Tkinter import *)
单组件填充满父组件:
text = Text(root, …)
root.rowconfigure(0, weight=1)
root.columnconfigure (0, weight=1) 可 以可以看出,用grid填充不如pack方便。
多组件布局(滚动条): 效果肯定是3种布 局方式中最好的。
text = Text(root, …)
text.grid()
# 纵 向
sb = Scrollbar(root, …)
sb.grid(row=0, column=1, sticky=’ns’)
text.configure(yscrollcommand=sb.set)
sb.configure(command=text.yview)
# 横向
sb = Scrollbar(root, orient=’horizontal’, …)
sb.grid(row=1, column=0, sticky=’ew’)
text.configure(xscrollcommand=sb.set)
sb.configure(command=text.xview)