GUI编程之tkinter

链客，专为开发者而生，有问必答！

此文章来自区块链技术社区，未经容许拒绝转载。

1. 前言

本文内容为使用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的的文件里，这样，这个程序能够双击启动，并且在启动时不会开始命令行（也就是不会弹出小黑框）。体验一下你就知道我在说什么了~

1. 认识控件

在上边的代码中咱们使用了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()

位置：容许自定义组件的大小和位置

如今让咱们与这些控件与布局来一一过招吧。

1. 按钮控件：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() # 设置做用中的背景色与前景色,状态设置为做用中

对其余属性感兴趣的读者，能够本身尝试一下其余属性，限于篇幅小编在这里就不赘述了~

1. 画布控件：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()

1. 复选框控件：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()以前使用。

1. 输入控件：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上显示输入内容。

1. 标签控件：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()

1. 列表框控件：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'

表示列表末尾

1. 菜单控件：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()

1. 消息控件：Message

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

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

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

1. 单选按钮：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()

1. 滑动条控件：Scale

Scale控件能够建立一个游标尺同样的滑动条。

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

1. 滚动条控件：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()

1. 文本框控件：Text

Text控件用来建立一个文本框，文本框的内容能够是多行，格式化的，用户能够修改文本框中的内容。常常别用做文本浏览器或者网页浏览器。

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

1. 菜单按钮控件：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()

1. 框架控件：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()

1. 独立窗口控件：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()