文章/答案/技术大牛

发布

社区首页 >专栏 >Python | GUI编程之tkinter (一)

Python | GUI编程之tkinter (一)

LogicPanda

发布于 2019-07-30 06:59:22

6.2K00

代码可运行

文章被收录于专栏：逻辑熊猫带你玩Python逻辑熊猫带你玩Python

运行总次数：0

代码可运行

0. 前言

本文内容为使用Python3的tkinter模块，开发GUI。在阅读本文前，请确保你已经或可能满足以下条件：

电脑中已经安装配置好Python3环境
了解Python3的基础语法，比如导入模块，基础语句，面向对象

学习GUI编程指南：

在这个GUI领域QT横行的年代，依旧有学习tkinter的价值。要学习GUI编程，你大概会经历这样一条路径：

认识tkinter模块，写一个简单GUI程序
认识各种控件、学习布局、使用容器
实战以检验动手能力和想象力
PS:你可能还需要了解一些消息驱动的知识

下面我们进入正式的学习。

1. 认识Tkinter模块，写一个简单的GUI程序

import tkinter as tk # 引入tkinter模块，并命名为tk
win = tk.Tk()  # 创建主窗口
win.mainloop() # 进入消息循环，显示窗口界面

要是用tkinter，首先引入该模块，为了方便命名为tk。

使用tk的一般套路是，先创建一个主窗口，也就是一个Tk()类, 进行一些列操作之后需，进入消息循环。

现在我们来做点简单的事：

import tkinter as tk # 引入tkinter模块，并命名为tk

win = tk.Tk() # 创建主窗口
win.title("Hello")  # 标题
win.geometry("400x400+400+200")  # 大小和位置
text = "Hello, Majesty!" # 要显示的内容
b = tk.Label(win, text=text).pack()

# 进入消息循环，显示窗口界面
win.mainloop()

你可以将上述代码保存在一个扩展名为pyw的的文件里，这样，这个程序可以双击启动，而且在启动时不会开始命令行（也就是不会弹出小黑框）。体验一下你就知道我在说什么了~

2. 认识控件

在上边的代码中我们使用了Label控件，Label控件是Tk最常用的组件之一，可以用来显示文本和图片等。在tkinter中，一共提供了15个控件，下面我们来认识一下它们。

控件名称	描述
Button	按钮控件；在程序中显示按钮。
Canvas	画布控件；在窗口中画图，如线条等元素
Checkbutton	多选框控件；用于在程序中提供多项选择框
Entry	输入控件；用于显示简单的文本内容
Frame	框架控件；在屏幕上定义一个区域，用来作为容纳其他控件的容器
Label	标签控件；可以显示文本和位图
Listbox	列表框控件；在Listbox窗口小部件是用来显示一个字符串列表给用户
Menubutton	菜单按钮控件，由于显示菜单项。
Menu	菜单控件；显示菜单栏,下拉菜单和弹出菜单
Message	消息控件；用来显示多行文本，与label比较类似
Radiobutton	单选按钮控件；显示一个单选的按钮状态
Scale	滑动条控件；显示一个数值刻度，为输出限定范围的数字区间
Scrollbar	滚动条控件，当内容超过可视化区域时使用，如列表框。.
Text	文本控件；用于显示多行文本
Toplevel	容器控件；用来提供一个单独的对话框，和Frame比较类似

除此之外，你可能还需要了解一下上述控件都具有的共同属性，如下表：

标准属性也就是所有控件的共同属性，如大小，字体和颜色等等。

属性	描述
anchor	锚位：定位控件在窗口子内的位置。
background(bg)	背景颜色：用来定义控件的背景颜色
bitmap	位图：定义显示在控件中位图文件
borderwidth	边框宽度：定义控件的边框宽度
command	命令：指定特定的函数
cursor	光标：当鼠标指针经过控件时鼠标指针的类型
font	控件字体：用来定义控件上显示的字体，包括字体，大小，样式
foreground(fg)	前景颜色：定义控件的前景（字体）颜色
height	高度：定义控件的高度
image	图像：定义显示在控件内的图片文件
justify	对齐：定义多行文字标题的排列方式
padx	水平距离：定义控件内文字或图片与控件边框之间的水平距离。
pady	垂直距离：定义控件内文字或图片与控件边框之间的垂直距离。
relief	边框形式：定义控件的边框形式，比如2D或者3D
text	文字：定义控件的标题文字
variable	变量：将控件的数值映射到一个变量上。
width	宽度：定义控件的宽度

关于以上属性的注意点：

anchor：可以是N、S、E、W、NE、SW、SE、NW、CENTER，关于是什么意思，请去好好学学英语吧。
bg、fg：建议使用通用的“#rrggbb”，形式的数字，如，“#fffffff”。
cursor：是指针类型，可以是：crosshair、watch、xterm、fleur、arrow。
font：使用时，要赋予一个元组如 font=("Times", 8, 'bold')，分别代表，字体，大小和样式，字体请查看，系统默认安装的字体，样式可以是bold、italic、underline、overstrike。
justify：可以是LEFT、CENTER、RIGHT。
relief：如果为2D，可以是FLAT、SOLID，如果是3D，可以是SUNKEN、RIDGE、RAISED。

了解了上述属性之后，你可能还需要了解一下tk的布局管理器tk提供了三种布局方式的布局管理器，分别是pack()、grid()、place()

布局方法	描述
pack()	包装：按照添加的顺序，自动分配到合适的位置上
grid()	网格：按照空间，（行/列）布局成一个表格的样子
place()	位置：允许自定义组件的大小和位置

现在让我们与这些控件与布局来一一过招吧。

3. 按钮控件：Button

Button()组件用来创建一个按钮，按钮内可以显示文字或者图片！

下面我们来使用Button():

from tkinter import Button
b = Button(win, text="close", command=win.quit).pack()

Button控件中有以下几种方法：

方法/属性	描述
flash()	将前景与背景颜色呼唤来产生闪烁效果
invoke()	执行command所定义的函数
activebackground	定义按钮在作用中的背景颜色
activeforeground	定义按钮在作用中的前景颜色
default	如果设置此属性，则此按钮为默认按钮
compound	文本和图像的混合模式
disableforeground	按钮不可用时的前景色
overrelief	鼠标飘过按钮时的鼠标样式
state	指定按钮的状态
takefocus	使用Tab改变按钮焦点，默认开启
underline	文字加下划线

下面看个demo：

Button(win, text="0", underline=0,command=win.quit).pack()   # 下划线
Button(win, text="1",
       activeforeground="#ff00ff",
       activebackground="#00ff00",
       state="active").pack() # 设置作用中的背景色与前景色,状态设置为作用中

对其他属性感兴趣的读者，可以自己尝试一下其他属性，限于篇幅小编在这里就不赘述了~

4. 画布控件：Canvas

画布控件，是可以在其上画图像的控件，可以在其上创建图像，如直线，矩形，椭圆等。

下列是Canvas控件中的方法：

Method/Attribute	Description
create_arc(coord, start, extent, fill)	创建弧形(扇形)coord定义左上角与右下角的坐标start是起始角度extent是结束角度（逆时针）fill是填充色
create_bitmap(x, y, bitmap)	创建一个位图
create_image(x, y, image)	创建一张图片image需要时PhotoImage或BitmapImage类的实例变量
create_line(x0, y0, … , xn,yn, options)	创建一条线，xn,yn是线上的点。
create_oval(x0, y0, x1,y1, options)	创建一个圆形或者椭圆
create_polygon(x0, y0, … , xn,yn, options)	穿件一个至少三个点的多边形
create_rectangle(x0, y0, … , xn,yn, options)	创建一个矩形
create_text(x0, y0, text, options)	创建一个字符串

下面来看一个demo：

from tkinter import Canvas as C
win = tk.Tk()
coord = 50,50,200,200
c = C(win)
c.create_arc(coord, start=0, extent = 120, fill="red")
c.pack()
win.mainloop()

接下来创建位图：

c = C(win)
c.create_bitmap(40,40, bitmap="error")
c.pack()

创建图片：

from tkinter import Canvas as C
from tkinter import PhotoImage
win = tk.Tk()
c = C(win)
img=PhotoImage(file="image.png")
c.create_image(100,100, image=img)
c.pack()
win.mainloop()

创建一条线：

from tkinter import Canvas as C
win = tk.Tk()
c = C(win)
c.create_line(40,40, 300,40, 90,120, width=2, fill="#ff00ff")
c.pack()
win.mainloop()

创建一个圆：

from tkinter import Canvas as C
win = tk.Tk()
c = C(win)
c.create_oval(50,50, 250,250,fill='green', outline="blue")
c.pack()
win.mainloop()

创建多边形（如三角形）：

from tkinter import Canvas as C
win = tk.Tk()
c = C(win)
c.create_polygon(10,10, 320,80, 150,150, outline='black')
c.pack()
win.mainloop()

创建矩形：

from tkinter import Canvas as C
win = tk.Tk()
c = C(win)
c.create_rectangle(10,10, 220,220,outline='black')
c.pack()
win.mainloop()

创建文本：

from tkinter import Canvas as C
win = tk.Tk()
c = C(win)
c.create_text(10,10,text="Hello , 前面的demo亲手做一遍了么？" ,anchor='w')
c.pack()
win.mainloop()

5. 复选框控件：Checkbutton

Checkbutton用来创建复选框。

from tkinter import Checkbutton
win = tk.Tk()
cb1 = Checkbutton(win, text="篮球").pack()
cb2 = Checkbutton(win, text="足球").pack()
cb3 = Checkbutton(win, text="网球").pack()
win.mainloop()

Checkbutton

Checkbutton的属性和方法如下：

Method/Attribute	Description
onvalue、offvalue	指定variable属性所指定的变量所要存储的数值。选中设置为onvalue未选中为offvalue
indicatoron	将此属性设置成零，可以将整个控件变成复选框
select()	将复选框的值变为onvalue
flash()	闪烁效果，同Button
invoke()	指定command，同Button
toggle()	改变核取状态的按钮

PS：上述方法，请在pack()之前使用。

6. 输入控件：Entry

Entry控件用来创建一个单行的文本框。

该控件内有以下属性/方法：

Method/Attribute	Description
show	为输入文字时显示在控件内的内容
get()	读取控件内的文字

下面看一个demo:

from tkinter import Label
from tkinter import Entry
from tkinter import Button
win = tk.Tk()
Label(win, text="请输入密码：").pack()
e = Entry(win, show='*')
e.pack()
label = Label(win)
label.pack()
def do():
    label.config(text=e.get())
button = Button(win, text="OK", command=do)
button.pack()
win.mainloop()

demo中使用了Label、Entry、Button三个控件，功能大概是这样，输入密码，会显示"*",按确定会在Label上显示输入内容。

7. 标签控件：Label

在前文已经数次用到了Label控件，它的作用类似于print()函数，它将文本打印在窗口体上。

在这里就不多说了。

from tkinter import *

root = Tk()

Label(root, text="red", bg="red", fg="white").pack(side=LEFT)
Label(root, text="green", bg="green", fg="black").pack(side=LEFT)
Label(root, text="blue", bg="blue", fg="white").pack(side=LEFT)

mainloop()

8. 列表框控件：Listbox

Listbox用来创建一个列表框，列表框内包含很多选项，用户可以选择一项或者多项。

from tkinter import Listbox
win = tk.Tk()
name = ['蹦床',"射箭","攀岩"]
listbox = Listbox(win)
for i in name:
    listbox.insert('end', i)
listbox.pack()
win.mainloop()

Listbox控件中提供了下列方法/属性（仅列举常用的几个）:

Method/Attribute	Description
activate(index)	将给定索引号对应的选项激活（在其文本下方画一条下划线）
delete(first, last=None)	删除参数 first 到 last 范围内的所有选项
get(first, last=None)	返回包含参数 first 到 last 范围内的所有选项的文本的元组
index(index)	返回参数index选项的序号
insert(index, *elements)	添加一个或多个项目到 Listbox 中
size()	返回 Listbox 组件中选项的数量
'end'	表示列表末尾

9. 菜单控件：Menu

可以用来创建三种菜单，即主菜单、下拉菜单、快捷式菜单。

主菜单

from tkinter import Menu

def doSth():
    pass

win = tk.Tk()
win.title("Menu")
win.geometry("400x400")
mainmenu = Menu(win)
mainmenu.add_command(label="file", command=doSth)
mainmenu.add_command(label="edit", command=doSth)
mainmenu.add_command(label="view", command=doSth)
mainmenu.add_command(label="window", command=doSth)
mainmenu.add_command(label="tool", command=doSth)
mainmenu.add_command(label="help", command=doSth)
win.config(menu=mainmenu)
win.mainloop()

下拉菜单

import tkinter as tk

from tkinter import Menu

def doSth():
    pass

win = tk.Tk()
win.title("Menu")
win.geometry("400x300")
mainmenu = Menu(win)
filemenu = Menu(mainmenu, tearoff=0)
filemenu.add_command(label='New', command=doSth)
filemenu.add_command(label='Save', command=doSth)
filemenu.add_separator()
filemenu.add_command(label='Quit', command=doSth)
mainmenu.add_cascade(label="file", menu=filemenu)

mainmenu.add_command(label="edit", command=doSth)
mainmenu.add_command(label="view", command=doSth)
mainmenu.add_command(label="window", command=doSth)
mainmenu.add_command(label="tool", command=doSth)
mainmenu.add_command(label="help", command=doSth)

win.config(menu=mainmenu)

win.mainloop()

快捷菜单

win = tk.Tk()
win.title("Menu")
win.geometry("400x200")

mainmenu = Menu(win)
pmenu = Menu(win, tearoff=0)
def showpmenu(event):
    pmenu.post(event.x_root, event.y_root)

win.bind("<Button-3>", showpmenu)
win.mainloop()

10. 消息控件：Message

与Label类似，是用来显示文字的空间，但Message控件用来显示多行不可编辑的文字，且它可以自动编排文字的位置。

import tkinter as tk
from tkinter import Message
win = tk.Tk()
txt = "这是一个长长的字符串，这是一个长长的字符串，这是一个长长的字符串，这是一个长长的字符串，这是一个长长的字符串。"

Message(win,text=txt).pack()
win.mainloop()

11. 单选按钮：Radiobutton

与Checkbutton类似，只不过Checkbutton是可以单选，也可以多选，而Radiobutton是单选。

import tkinter as tk
from tkinter import Radiobutton

win = tk.Tk()
sex=['男','女']
Radiobutton(win, text=sex[0],value=0).pack(anchor='w')
Radiobutton(win, text=sex[1],value=1).pack(anchor='w')

win.mainloop()

12. 滑动条控件：Scale

Scale控件可以创建一个游标尺一样的滑动条。

from tkinter import Scale
win = tk.Tk()
Scale(win, from_=0, to=10).pack()
win.mainloop()

13. 滚动条控件：Scrollbar

import tkinter as tk

from tkinter import Scrollbar
from tkinter import Listbox
win = tk.Tk()

sb1 = Scrollbar(win)
sb2 = Scrollbar(win, orient='horizontal')
sb1.pack(side='right', fill='y')
sb2.pack(side='bottom', fill='x')

lb = Listbox(win, yscrollcommand=sb1.set, xscrollcommand=sb2.set)

for i in range(1000):
    lb.insert('end', str(i)*100)

lb.pack(side='left', fill='both')

sb1.config(command=lb.yview)
sb2.config(command=lb.xview)

win.mainloop()

14. 文本框控件：Text

Text控件用来创建一个文本框，文本框的内容可以是多行，格式化的，用户可以修改文本框中的内容。经常别用作文本浏览器或者网页浏览器。

from tkinter import Text
win = tk.Tk()
Text(win, width=100, height=30).pack()
win.mainloop()

15. 菜单按钮控件：Menubutton

from tkinter import *

win = Tk()

def doSth():
    pass

mb = Menubutton(win, text="点我", relief=RAISED)
mb.pack()

filemenu = Menu(mb, tearoff=False)
filemenu.add_command(label="打开", command=doSth)
filemenu.add_command(label="保存", command=doSth)
filemenu.add_separator()
filemenu.add_command(label="退出", command=win.quit)

mb.config(menu=filemenu)

mainloop()

16. 框架控件：Frame

Frame控件是在屏幕上的一个矩形区域。其主要作用是作为其他组件的框架基础，或为其他组件提供间距填充。

from tkinter import *

Label(text="标签1").pack()

separator = Frame(height=12, bd=1, relief=SUNKEN)
separator.pack(fill=X, padx=5, pady=5)

Label(text="标签2").pack()

mainloop()

其他控件也可以附着在Frame上。

Label(text="标签1").pack()
f = Frame(height=12, bd=12,relief='sunken')
Label(f, text="标签2").pack()
f.pack(padx=5, pady=5)
mainloop()

17. 独立窗口控件：Toplevel

from tkinter import *

root = Tk()

def create_toplevel():
    top = Toplevel()
    top.title("Toplevel")

    msg = Message(top, text="Here is a window of toplevel!")
    msg.pack()

Button(root, text="创建独立窗口", command=create_toplevel).pack()

mainloop()