Python GUI之tkinter概述

Python3 tkinter系列

一、概述
二、布局管理
三、常用组件
四、实战(一)
五、实战(二)
六、进阶 自定义控件
推荐视频课程 tkinter从入门到实战

  • 对于稍有GUI编程经验的人来说,Python的Tkinter界面库都是非常简单的。Python的GUI库非常多,之所以选择Tkinter,一是最为简单,二是自带库,不需下载安装,随时使用,三则是从需求出发的,Python作为一种脚本语言,一种胶水语言,我不觉得哪个公司会用它开发复杂的桌面应用,无论怎么看也不具备优势吧,我使用Python,是把它作为一个灵活小巧的工具,并不是作为主要开发语言,那么在工作中,需要制作一个小工具,肯定是需要有界面的,不仅自己用,也能分享别人使用,在这种需求下,Tkinter是足够胜任的!这篇文章主要做一个简单概述,对于从没有接触过GUI的人,在脑中树立一个基本的界面编程概念。

  • 对于tkinter编程,我主要用两个比喻来描述。

  • 第一个,作画。我们都见过美术生写生的情景,先支一个画架,放上画板,蒙上画布,构思内容,用铅笔画草图,组织结构和比例,调色板调色,最后画笔勾勒。相应的,对应到tkinter编程,那么我们的显示屏就是支起来的画架,根窗体就是画板,tkinter中则是Toplevel,画布就是tkinter中的容器,对应Frame,画板上可以放很多张画布,tkinter中的容器中也可以放很多个容器,绘画中的构图布局则是tkinter中的布局管理器(几何管理器),绘画的内容就是tkinter中的一个个小组件,一幅画由许多元素构成,而我们的GUI界面,就是有一个个组件拼装起来的,它们就是widget。
  • 第二个比喻,我们小时候都玩过积木,只要发挥创意,相同的积木可以堆出各种造型。tkinter的组件也可以看做一个个积木,形状或许不同,其本质都是一样的,就是一个积木,不管它长什么样子,它始终就是积木!所以这些小组件都有许多共性,另外,我个人认为,学习界面编程,最重要的不是一开始学习每个积木的样子,不是学习每个组件怎么用,而是这些组件该怎么放。初始学习中,怎么放远远比怎么用重要的多。而我看到网上大量的文章资料,全是介绍组件怎么用的,对于怎么放,也就是tkinter中的布局管理器,都是一笔带过,我觉得这对初学者简直是 本末倒置,或许绝大部分是转载的原因吧,极少是自己真正写的。组件怎么用不是最迫切的,用到的时候再去了解也不迟,边用边学反而更好。因此我将专门写一章,详细介绍布局管理器的使用。
组件关系:

这里写图片描述

Tkinter 模块元素简要说明

tkinter 类元素简要说明
Frame框架用来承载放置其他GUI元素,就是一个容器
Label标签用于显示不可编辑的文本或图标
Button按钮点击时执行一个动作
Entry单行文本框显示一行文本
Text多行文本框显示多行文本
Checkbutton复选框允许用户选择或反选一个选项
Radiobuttion单选框允许用户从多个选项中选取一个
Canvas画布提供绘图功能(直线、椭圆、多边形、矩形) 可以包含图形或位图
Listbox列表框一个选项列表,用户可以从中选择
Menu菜单点下菜单按钮后弹出的一个选项列表,用户可以从中选择
Menubutton菜单按钮用来包含菜单的组件(有下拉式、层叠式等等)
Message消息框类似于标签,但可以显示多行文本
Scale进度条线性“滑块”组件,可设定起始值和结束值,会显示当前位置的精确值
Scrollbar滚动条对其支持的组件(文本域、画布、列表框、文本框)提供滚动功能
Toplevel顶层类似框架,为其他的控件提供单独的容器
Spinbox输入控件与Entry类似,但是可以指定输入范围值
PanedWindow窗口布局管理是一个窗口布局管理的插件,可以包含一个或者多个子控件。
LabelFrame容器控件是一个简单的容器控件。常用与复杂的窗口布局
messageBox消息框用于显示你应用程序的消息框。(Python2中为tkMessagebox)

下面创建了第一个GUI程序,运行代码可以感受一下

from tkinter import *
 
#创建根窗口
root = Tk()
#设置窗口标题
root.title("Hello")
#设置窗口大小
root.geometry("300x200")
#在窗体中创建一个框架,用它来承载其他小部件
app = Frame(root)
#设置布局管理器
app.grid()
 
label = Label(app,text="hello word!")
label.grid()
 
btn = Button(app)
btn.grid()
 
#小部件的任何选项都可以通过configure()方法操作
btn.configure(text = "click")
 
root.mainloop();

tkinter界面编程的时候,首先需要弄清楚的一点就是层次关系,解决怎么放之前,你应该解决放哪里的问题。就我个人的理解,GUI编程就是程序员在作一副画,这一笔画在哪里你应该心中有数。
上面的代码中,首先获得了我们的画板,也就是根窗体root,然后又创建了一个容器Frame,也就是我们的画布,在创建Frame时,我们很清楚画布必须放在画板上面,所以传入了一个参数root,通常所有的tkinter组件实例化时,第一个参数都是指定父控件,就是表示自己放哪里。如Label和Button,指定放在Frame上面。

绝大部分控件共享属性:

选项(别名)说明单位典型值没有此属性的控件
background(bg)当控件显示时,给出的正常颜色colorgray25'、'#ff4400'
borderwidth(bd)设置一个非负值,该值显示画控件外围3D边界的宽度;(特别的由relief选项决定这项决定).控件内部的3D效果也可以使用该值pixel3
cursor指定控件使用的鼠标光标,该值可以是Tkinter接受的任何格式cursorgumby
font指定控件内部文本的字体font 'Helvetica'、('Verdana',8)Canvas
Frame
Scrollbar
Toplevel
foreground(fg) 指定控件的前景色color black'、'#ff2244'Canvas
Frame
Scrollbar
Toplevel
highlightbackground指出经过没有输入焦点的控件加亮区域颜色 color'gray30'Menu
highlightcolor指出经过没有输入焦点的控件周围长方区域加亮颜色 color 'royalblue' Menu
highlightthickness设置一个非负值,该值指出一个有输入焦点的控件周围加亮方形区域的宽度,该值可以是 Tk_GetCursor接受的任何格式.如果为0,则不画加亮区域pixel 2.1m Menu
relief指出控件3D效果.可选值为RAISED,SUNKEN,FLAT,RIDGE,SOLID,GROOVE.该值指出控件内部相对于外部的外观样式,比如RAISED意味着控件内部相对于外部突出 constant RAISED、GROOVE
takefocus决定窗口在键盘遍历时是否接收焦点(比如Tab,shift-Tab).在设定焦点到一个窗口之前,遍历脚本检查takefocus选项的值,值0意味着键盘遍历时完全跳过,值1意味着只要有输入焦点(它及所有父代都映射过)就接收.空值由脚本自己觉定是否接收,当前的算法是如果窗口被禁止,或者没有键盘捆绑或窗口不可见时,跳过 boolean 1 YES
width指定一个整数,设置控件宽度,控件字体的平局字符数.如果值小于等于0,控件选择一个能够容纳目前字符的宽度integer32Menu

多控件共享属性:

选项(别名)说明单位典型值仅此类控件
activebackground指定画活动元素的背景颜色.元素(控件或控件的一部分)在鼠标放在其上并按动鼠标按钮引起某些行为的发生时,是活动的.如果严格的Modf一致性请求通过设置tk_strictModf变量完成,该选项将被忽略,正常背景色将被使用.对Windows和Macintosh系统,活动颜色将只有在鼠标按钮1被按过元素时使用 colorred'、'#fa07a3'Button
Checkbutton
Menu
Menubutton
Radiobutton
Scale
Scrollbar
activeforeground指定画活动元素时的前景颜色.参见上面关于活动元素的定义 color'cadeblue'Button
Menu
Checkbutton
Menubutton
Radiobutton
anchor指出控件信息(比如文本或者位图)如何在控件中显示.必须为下面值之一:N,NE,E,SE,S,SW,W,NW或者CENTER.比如NW(NorthWest)指显示信息时使左上角在控件的左上端 constantButton
Checkbutton
Label
Message
Menubutton
Radiobutton
bitmap 指定一个位图在控件中显示,以Tkinter(Tk_GetBitmap)接受的任何形式.位图显示的精确方式受其他选项如锚或对齐的影响.典型的,如果该选项被指定,它覆盖指定显示控件中文本的其他选;bitmap选项可以重设为空串以使文本能够被显示在控件上.在同时支持位图和图像的控件中,图像通常覆盖位图bitmapButton
Checkbutton
Label
Menubutton
Radiobutton
command 指定一个与控件关联的命令.该命令通常在鼠标离开控件之时被调用,对于单选按钮和多选按钮,tkinter变量(通过变量选项设置)将在命令调用时更新 command function类型Button
Checkbutton
Radiobutton
Scale
Scrollbar
disabledforeground指定绘画元素时的前景色.如果选项为空串(单色显示器通常这样设置),禁止的元素用通常的前景色画,但是采用点刻法填充模糊化 color 'gray50' Button
Checkbutton
Radiobutton
Menu
Menubutton
height指定窗口的高度,采用字体选项中给定字体的字符高度为单位,至少为1 integer1 4 Button
Canvas
Frame
Label
Listbox
Checkbutton
Radiobutton
Menubutton
Text
Toplevel
image 指定所在控件中显示的图像,必须是用图像create方法产生的.如果图像选项设定,它覆盖已经设置的位图或文本显示;更新恢复位图或文本的显示需要设置图像选项为空串 imageButton
Checkbutton
Label
Menubutton
Radiobutton
justify当控件中显示多行文本的时候,该选项设置不同行之间是如何排列的,其值为如下之一:LEFT,CENTER或RIGHT.LEFT指每行向左对齐,CENTER指每行居中对齐,RIGHT指向右对齐 constant RIGHT Button
Checkbutton
Entry
Label
Menubutton
Message
Radiobutton
padx 指定一个非负值设置控件X方向需要的边距.该值为Tkinter(Tk_GetPixels)接受的格式.当计算需要多大的窗口时,控件会把此值加到正常大小之上(由控件中显示内容决定);如果几何管理器能够满足此请求,控件将在左端或右端得到一个给定的多余空边.大部分控件只用此项于文本,如果它们显示位图或图像,通常忽略空边选项 pixels2m 10 Button
Checkbutton
Label
Menubutton
Message
Radiobutton
Text
pady 指定一个非负值设置控件Y方向需要的边距.该值为Tkinter(Tk_GetPixels)接受的格式.当计算需要多大的窗口时,控件会把此值加到正常大小之上(由控件中显示内容决定);如果几何管理器能够满足此请求,控件将在上端或下端得到一个给定的多余空边.大部分控件只用此项于文本,如果它们显示位 图或图像,通常忽略空边选项 pixels12 3m Button
Checkbutton
Label
Menubutton
Message
Radiobutton
Text
selectbackground 指定显示选中项时的背景颜色 color 'blue' Canvas
Listbox
Entry
Text
selectborderwidth 指定一个非负值,给出选中项的三维边界宽度,值可以是任何Tkinter(Tk_GetPixels)接受的格式 pixel3 Canvas
Entry
Listbox
Text
selectforeground指定显示选中项的前景颜色 coloryellow Canvas
Entry
Listbox
Text
state指定控件下列两三个状态之一(典型是复选按钮): NORMAL和DISABLED或NORMAL,ACTIVE和NORMAL.在NORMAL状态,控件有前景色和背景显示;在ACTIVE状态,控件按activeforeground和activebackground选项显示;在DISABLED状态下,控件不敏感,缺省捆绑将拒绝激活控件,并忽略鼠标行为,此时,由disabled foreground和background选项决定如何显示 constantACTIVE Button
Checkbutton
Entry
Menubutton
Scale
Radiobutton
Text
text 指定控件中显示的文本,文本显示格式由特定控件和其他诸如锚和对齐选项决定 string'Display' Button
Checkbutton
Label
Menubutton
Message
Radiobutton
textvariable 指定一个变量名字.变量值被转变为字符串在控件上显示.如果变量值改变,控件将自动更新以反映新值,字符串显示格式由特定控件和其他诸如锚和对齐选项决定 variablewidgetConstant Button
Checkbutton
Entry
Label
Menubutton
Message
Radiobutton
underline 指定控件中加入下划线字符的整数索引.此选项完成菜单按钮与菜单输入的键盘遍历缺省捆绑.0对应控件中显示的第一个字符,1对应第二个,以此类推 integer2 Button
CheckButton
Label
Menubutton
Radiobutton
wraplength 对于能够支持字符换行的控件,该选项指定行的最大字符数,超过最大字符数的行将转到下行显示,这样一行不会超过最大字符数.该值可以是窗口距离的任何标准格式.如果该值小于或等于0,不换行,换行只有在文本中的换行符的地方才出现 pixel41,65 Button
Checkbutton
Label
Menubutton
Radiobutton
xscrollcommand 指定一个用来与水平滚动框进行信息交流的命令前缀,当控件窗口视图改变(或者别的任何滚动条显示的改变,如控件的总尺寸改变等等),控件将通过把滚动命令和两个数连接起来产生一个命令.两个数分别为0到1之间的分数,代表文档中的一个位置,0表示文档的开头,1.0表示文档的结尾处,0.333表示整个文档的三分之一处,如此等等.第一个分数代表窗口中第一个可见文档信息,第二个分数代表紧跟上一个可见部分之后的信息.然后命令把它们传到Tcl解释器执行.典型的,xscrollcommand选项由滚动条标识跟着set组成,如set.x.scrollbar set将引起滚动条在窗口中视图变化时被更新.如果此项没有指定,不执行命令 functionCanvas
Entry
Listbox
Text
yscrollcommand 指定一个用来与垂直滚动框进行信息交流的命令前缀,当控件窗口视图改变(或者别的任何滚动条显示的改变,如控件的总尺寸改变等等),控件将通过把滚动命令和两个数连接起来产生一个命令.两个数分别为0到1之间的分数,代表文档中的一个位置,0表示文档的开头,1.0表示文档的结尾处,0.333表示整个文档的三分之一处,如此等等.第一个分数代表窗口中第一个可见文档信息,第二个分数代表紧跟上一个可见部分之后的信息.然后命令把它们传到Tcl解释器执行.典型的,yscrollcommand选项由滚动条标识跟着set组成,如set.y.scrollbar set将引起滚动条在窗口中视图变化时被更新.如果此项没有指定,不执行命令 functionCanvas
Entry
Listbox
Text

关注个人公众号:编程之路从0到1

编程之路从0到1

血色v残阳 CSDN认证博客专家 编程达人 Flutter 课程讲师
掌握C、Java、Python、Go、Dart语言等多种编程语言,擅长GUI开发,曾从事Android原生开发,Flutter跨平台开发等等工作
微信公众号:
“编程之路从0到1”
相关推荐
©️2020 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页