Python图形GUI工具包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

精 确的摆放一个组件的位置,一般不太用。

关 于这个三个的详细使用和算法可以参考相关资料。

下 面看最后一个例子:

先 看一下结果。

通过拖动进度条而改变文字大小。

看 一下代码:

from Tkinter import *  #引入模块

#resize函数是用来改变文字大小的,当进度条改变时调用

def resize(ev=None):

label.config(font=’Helvetica -%d bold’ % scale.get())

#config函数就是通过设置组件的参数来改变组件的,这里改变的是font字体大小

top=Tk()   #主窗口

top.geometry(’600×400′)  #设置了主窗口的初始 大小600×400

label=Label(top,text=’Hello world!’,font=’Helvetica -12 bold’)  #设置标签字体的初始大 小

label.pack(fill=Y,expand=1)

#scale创建进度条,设置

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提 供了截然不同的三种几何管理类:packgridplace

 

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

注:以上选项中可以看出expandfillside是相互影响的。

典型例子:(默认引用为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)

Top Down