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介绍

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()

所有的 Tkinter 组件都包含专用的几何管理方法，这些方法是用来组织和管理整个父配件区中子配件的布局的。 Tkinter 提供了截然不同的三种几何管理类： pack 、 grid 和 place 。 pack() pac

函数名	描述
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)