【Python】tkinter 组件介绍

tkinter 介绍

---

tkinter是python自带的GUI库，是对图形库TK的封装

tkinter是一个跨平台的GUI库，开发的程序可以在win，linux或者mac下运行

除此之外还存在很多图形库，例如

pythonWin 仅适合window的界面编程库
wxPython  第三方界面编程库

组件概念

---

一个窗口中任意内容都可以称之为一个组件

tkinter的组件包含以下几种

按钮组件

Button           按钮组件
RadioButton      单选框组件
CheckButton      选择按钮组件
Listbox          列表框组件

文本输入框组件

Entry            单行文本框组件
Text             多行文本框组件

标签组件

Label            标签组件，可以显示图片和文字
Message          标签组件，可以根据内容将文字换行

菜单组件

Menu             菜单组件
MenuButton       菜单按钮组件，可以使用Menu代替

滚动条组件

scale            滑块组件
Scrollbar        滚动条组件

其他组件

Canvas           画布组件
Frame            框架组件，将多个组件编组
Toplevel         创建子窗口容器组件

创建简单的窗口

---

import tkinter
#生成主窗口对象
root = tkinter.Tk()
#保持主窗口一直消息循环中。。
root.mainloop()

带有组件的窗口

import tkinter
#生成主窗口对象
root = tkinter.Tk()
#创建标签 并且添加到主窗口中
label = tkinter.Label(root,text = '爷来了')
label.pack()
#创建按钮，并且添加到主窗口中
btn1 = tkinter.Button(root,text = '按钮1')
btn1.pack()
btn2 = tkinter.Button(root,text = '按钮2')
btn2.pack()
#保持主窗口一直消息循环中。。
root.mainloop()

组件布局

---

组件布局一共三种方式

pack()     按照方位布局
place()    按照坐标布局
grid()     按照网格布局

1.pack布局方法

---

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

pack几何管理采用块的方式组织配件，在快速生成界面设计中广泛采用，若干组件简单的布局，采用pack的代码量最少。pack几何管理程序根据 组件创建生成的顺序将组件添加到父组件中去。通过设置相同的锚点（anchor）可以将一组配件紧挨一个地方放置，如果不指定任何选项，默认在父窗体中自顶向下添加组件。

pack()布局的通用公式

组件对象.pack(设置, …)    

名称	描述	取值范围
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是相互影响的。

pack类提供了下列函数

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

2.grid布局方法

---

grid几何管理采用类似表格的结构组织配件，使用起来非常灵活，用其设计对话框和带有滚动条的窗体效果最好。grid采 用行列确定位置，行列交汇处为一个单元格。每一列中，列宽由这一列中最宽的单元格确定。每一行中，行高由这一行中最高的单元格决定。组件并不是充满整个单 元格的，你可以指定单元格中剩余空间的使用。你可以空出这些空间，也可以在水平或竖直或两个方向上填满这些空间。你可以连接若干个单元格为一个更大空间， 这一操作被称作跨越。创建的单元格必须相临。

grid()布局的通用公式为

组件对象.grid(option, …)

grid类提供了下列设置属性

名称	描述	取值范围
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”)

grid类提供了下列函数

函数名	描述
slaves()	以列表方式返回本组件的所有子组件对象。
propagate(boolean)	设置为True表示父组件的几何大小由子组件决定（默认值），反之则无关。
info()	返回pack提供的选项所对应得值。
forget()	Unpack组件，将组件隐藏并且忽略原有设置，对象依旧存在，可以用pack(option, …)，将其显示。
grid_remove()	从网格管理器中删除此小部件。小部件不会被销毁，并且可以由网格或任何其他管理器重新显示。

3.place布局方法

---

这个的几何管理器组织放置在一个特定的位置，在他们的父widget部件.

place()布局的通用公式为：

组件对象.place(option, …)

名称	描述	取值范围
anchor	相对于摆放组件的坐标的位置	请参阅：可能是N，E，S，W，东北，西北，东南或西南，罗盘方向指示的widget的角落，双方默认是净重（部件上左上角）
height	以像素为单位的高度.（绝对布局专用）	像素
width	以像素为单位的宽度.（绝对布局专用）	像素
relheight	组件相对于窗口的的高度（相对布局专用）	0～1
relwidth	组件相对于窗口的的宽度（相对布局专用）	0～1
relx	水平偏移为0.0和1.0之间浮动，父widget的一小部分的高度和宽度.（相对布局专用）	0～1
rely	垂直偏移为0.0和1.0之间浮动，父widget的一小部分的高度和宽度.（相对布局专用）	0～1
x	组件距离左上角的x坐标（绝对布局专用）	像素
y	组件距离左上角的y坐标（绝对布局专用）	像素

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()	返回组件所包含的单元格，揭示组件大小。

组件1 按钮(button)

---

用于定义gui界面中的按钮组件

tkinter.Button（用于存放的父组件,属性参数...）

具备以下属性

anchor             设置按钮中文字的对其方式，相对于按钮的中心位置
background(bg)     设置按钮的背景颜色
foreground(fg)     设置按钮的前景色（文字的颜色）
borderwidth(bd)    设置按钮边框宽度
cursor             设置鼠标在按钮上的样式
command            设定按钮点击时触发的函数
bitmap             设置按钮上显示的位图
font               设置按钮上文本的字体
width              设置按钮的宽度  (字符个数)
height             设置按钮的高度  (字符个数)
state              设置按钮的状态
text               设置按钮上的文字
image              设置按钮上的图片

组件2 文本框(Entry)和多行文本(Text)

---

用于定义页面中文本的单行输入框

#单行文本
tkinter.Entry(用于存放的父组件,属性参数...)

#多行文本
tkinter.Text(用于存放的父组件,属性参数...)

具备以下属性

background(bg)        设置文本框的背景色
foreground(bg)        设置文本框的前景色
borderwidth(bd)       设置文本输入框的边框
font                  设置文本框中的字体
width                 设置文本框的宽度(字符个数）
height                设置文本框的高度(字符个数),仅限于text
state                 设置文本框的状态
selectbackground      选中文字时文本框的背景色
selectforeground      选中文字时文字的颜色
show                  指定文本框显示的字符，若为*，则表示为密码框
textvariable          设置文本对应的变量，可以通过修改变量改变文字显示。必须使用tkinter.IntVar() 或 tkinter.StringVar()产生的变量  entry可以使用

组件3 标签(Lebal)

---

标签用语在页面中显示文字或者图片

tkinter.Label(用于存放的父组件,属性参数...)

具备以下属性

anchor                设置文本相对于标签中心的位置
background            设置标签的背景色
foreground            设置标签的前景色
borderwidth           设置标签的边框宽度
width                 设置标签的宽度(字符个数）
height                设置标签的高度(字符个数）
text                  设置标签中文本内容
font                  设置标签中文字的字体类型
bitmap                设置标签的现实的位图
image                 设置标签中显示的图片
justify               是设置标签中多行文本的对其方式
textvariable          设置文本对应的变量，可以通过修改变量改变文字显示，必须使用tkinter.IntVar() 或者tkinter.StringVar()产生的变量

组件4 单选框（Radiobutton）与复选框（Checkbutton）

---

thinter.Radiobutton(用于存放的父组件,属性参数...)
thinter.Checkbutton(用于存放的父组件,属性参数...)

具有以下属性

anchor             设置组件中文字的对其方式
background(bg)     指定组件的背景色。  　 
borderwidth(bd)    指定组件边框的宽度。  　 
bitmap             指定组件中的位图。  　 
font               指定组件中文本的字体。  　 
foreground(fg)     指定组件的前 
height             指定组件的高度。  　 
image              指定组件中的图片。  　 
justify            指定组件中多行文本的对齐方式。  　 
text               指定组件中的文本，可以 使用“\ n” 表示换行。  　 
value              指定组件被选中后(单选框)
onvalue            组件勾选状态值（复选框）
offvalue           组件取消勾选状态的值（复选框）
variable           指定组件所关联的变量。需要使用tkinter. IntVar()或者tkinter. StringVar()创建的值 
width              指定组件的宽度。
command            设置复选框操作的触发命令（复选框）

组件5 Frame 框架

---

thinter.Menu(用于存放的父组件,属性参数...)

具有以下属性

background(bg)          正常的背景颜色显示在标签和指示器后面。
borderwidth(bd)         指标周围边界的大小。默认值为2像素。
cursor                  如果将此选项设置为光标名称（箭头，点等），则鼠标光标将在检查按钮上方更改为该模式。
height                  新框架的垂直尺寸。
highlightbackground     当框架没有焦点时，焦点的颜色突出显示。
highlightcolor          当框架具有焦点时，焦点突出显示的颜色。
highlightthickness      焦点亮点的厚度。
relief                  使用默认值，relief = FLAT，检查按钮不会从背景中脱颖而出。您可以将此选项设置为任何其他样式
width                   checkbutton的默认宽度取决于所显示的图像或文字的大小。你可以设置此选项的字符数和checkbutton的，总是有许多字符的空间。

事件绑定

---

之前能够触发操作的只有2个组件，一个按钮一个菜单的选项卡 command属性 设置操作对应的函数

鼠标事件类型

<Button-1>          按下了鼠标左键        <ButtonPress-1>
<Button-2>          按下了鼠标中键        <ButtonPress-2>
<Button-3>          按下了鼠标右键        <ButtonPress-3>
<Enter>             鼠标进入组件区域
<Leave>             鼠标离开组件区域
<ButtonRelease-1>   释放了鼠标左键
<ButtonRelease-2>   释放了鼠标中键
<ButtonRelease-3>   释放了鼠标右键
<B1-Moion>          按住鼠标左键移动
<B2-Moion>          按住鼠标中键移动
<B3-Moion>          按住鼠标右键移动 
<Double-Button-1>   双击鼠标左键
<Double-Button-2>   双击鼠标中键
<Double-Button-3>   双击鼠标右键
<MouseWheel>        滚动鼠标滚轮

键盘事件类型

<KeyPress>                 表示任何键盘按下
<KeyPress-A>               表示按下键盘A键    A可以设置为其他的按键
<Alt-KeyPress-A>           表示同时按下Alt和A键    A可以设置为其他的按键
<Control-KeyPress-A>       表示同时按下Ctrl和A键    A可以设置为其他的按键
<Shift-KeyPress-A>         表示同时按下Shift和A键    A可以设置为其他的按键
<Double-KeyPress-A>        表示双击键盘A键    A可以设置为其他的按键
<Lock-KeyPress-A>          表示开启大写之后键盘A键    A可以设置为其他的按键
<Alt-Control-KeyPress-A>   表示同时按下alt+Ctrl和A键    A可以设置为其他的按键

注意：键盘事件除了entry和text组件其他组件的事件最好绑定在主界面上

事件对象中包含的信息

x,y              当前触发事件时鼠标相对触发事件的组件的坐标值
x_root,y_root    当前触发事件时鼠标相对于屏幕的坐标值
char             获取当前键盘事件时按下的键对应的字符
keycode          获取当前键盘事件时按下的键对应的的ascii码
type             获取事件的类型
num              获取鼠标按键类型  123 左中右
widget           触发事件的组件
width/height     组件改变之后的大小和configure()相关

窗口和组件相关事件类型

Activate         当中组件由不可以用变为可用时  针对于state的变值
Deactivate       当组件由可用变为不可用时触发
Configure        当组件大小发生变化时触发
Destory          当组件销毁时触发
FocusIn          当组件获取焦点时触发 针对于Entry和Text有效
Map              当组件由隐藏变为显示时触发
UnMap            当组件由显示变为隐藏时触发
Perproty         当窗口属性发生变化时触发

事件绑定函数

---

组件.bind(‘事件类型’，事件函数)

为一个组件绑定一个操作

组件.bind_class(‘组件类型’,‘事件类型’,事件函数)

为一类组件绑定一个操作
组件类型就是创建组件的方法名  例如按钮组件:Button

组件.bind_all(‘事件类型’，事件函数)

为所有组件绑定一个操作(所有操作都会当作对主界面的操作)