Python入门示例系列31 GUI Tkinter 入门

Tkinter 编程入门示例

B站视频教程：https://www.bilibili.com/video/BV1oa411C742/

Tkinter 是 Python 的标准 GUI 库。Python 使用 Tkinter 可以快速的创建 GUI 应用程序。可以在IDLE或Pycharm中编写和测试Tkinter代码。

由于 Tkinter 是内置到 python 的安装包中、只要安装好 Python 之后就能 import tkinter 库、而且 IDLE 也是用 Tkinter 编写而成、对于简单的图形界面 Tkinter 还是能应付自如。

创建一个GUI程序的基本步骤：

• 1、导入 Tkinter 模块；创建窗体。
• 2、创建控件，并且指定这个控件的 master， 即这个控件属于哪一个容器。
• 3、告诉 GM (geometry manager) 有一个控件产生了。

 示例：创建一个窗体。

import tkinter
top = tkinter.Tk()
# 进入消息循环
top.mainloop()

结果如下：

设置窗体的大小和位置, geometry函数的使用

from tkinter import *
root = Tk()
root.geometry('+400+200') # 位置 x=400像素，y=200像素; 位置以屏幕左上角为起始点(0,0).窗口在屏幕上的位置，第1个加号是距离屏幕左边的宽，第2个加号是距离屏幕顶部的高。单位是像素
root.geometry('400x200') # 宽400像素，高200像素
root.geometry('400x200+400+200') #  宽400像素，高200像素 位置 x=400像素，y=200像素
root.mainloop()

设置窗体大小并让窗体在屏幕中居中：

import tkinter
win = tkinter.Tk()
sw = win.winfo_screenwidth() #得到屏幕宽度
sh = win.winfo_screenheight() #得到屏幕高度
ww = 100
wh = 100
x = (sw-ww) / 2
y = (sh-wh) / 2
win.geometry("%dx%d+%d+%d" %(ww,wh,x,y))
win.mainloop()

import tkinter
#from tkinter import *
mywin = tkinter.Tk()
mywin_width = 300
mywin_heigth = 200
mywin.geometry("%dx%d+%d+%d" %(mywin_width,mywin_heigth,(mywin.winfo_screenwidth()-mywin_width) / 2,(mywin.winfo_screenheight()-mywin_heigth) / 2))
mywin.mainloop()

窗口（窗体）的详细使用方法参见 https://www.cnblogs.com/emanlee/p/15435622.html

StringVar是Tk库内部定义的字符串变量类型，用于管理部件上面的字符；不过一般用在按钮button上。改变StringVar，按钮上的文字也随之改变。

我们在使用界面编程的时候，有些时候是需要跟踪变量的值的变化，以保证值的变更随时可以显示在界面上。由于python无法做到这一点，所以使用了tcl的相应的对象，也就是StringVar、BooleanVar、DoubleVar、IntVar所需要起到的作用。

StringVar除了set以外还有其他的函数包括：get()用于返回StringVar变量的值、trace(mode, callback) 用于在某种mode被触发的时候调用callback函数。

Tkinter 组件

Tkinter 的提供各种控件（widget），如按钮，标签和文本框，一个GUI应用程序中使用。这些控件通常被称为控件或者部件。

目前有18种 Tkinter的部件（widget）。我们提出这些部件以及一个简短的介绍，在下面的表:

控件widget	描述
Button	按钮控件；在程序中显示按钮。 Button用法介绍
Canvas	画布控件；显示图形元素如线条或文本。在Canvas中可以画图，类似于 turtle 的画布。
Checkbutton	多选框控件；用于在程序中提供多项选择框。复选框按钮。
Entry	输入控件；用于显示简单的文本内容。类似于html中的 input box，textbox   用法介绍
Frame	框架控件；在屏幕上显示一个矩形区域，多用来作为容器。可以包含其他控件。
Label	标签控件；可以显示文本和位图。静态文本或图。 用法介绍
Listbox	列表框控件；在Listbox窗口小部件是用来显示一个字符串列表给用户
Menubutton	菜单按钮控件，用于显示菜单项。
Menu	菜单控件；显示菜单栏,下拉菜单和弹出菜单(Python Tkinter 菜单示例 )
Message	消息控件；用来显示多行文本，与label比较类似
Radiobutton	单选按钮控件；显示一个单选的按钮状态
Scale	范围控件；显示一个数值刻度，为输出限定范围的数字区间
Scrollbar	滚动条控件，当内容超过可视化区域时使用，如列表框。.
Text	文本控件；用于显示多行文本
Toplevel	容器控件；用来提供一个单独的对话框，和Frame比较类似
Spinbox	输入控件；与Entry类似，但是可以指定输入范围值
PanedWindow	PanedWindow是一个窗口布局管理的插件，可以包含一个或者多个子控件。
LabelFrame	labelframe 是一个简单的容器控件。常用与复杂的窗口布局。
tkMessageBox	用于显示应用程序的消息框。

---

标准属性

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

属性	描述
Dimension	控件大小；
Color	控件颜色；
Font	控件字体；
Anchor	锚点；
Relief	控件样式；
Bitmap	位图；
Cursor	光标；

---

几何管理

Tkinter控件有特定的几何状态管理方法，管理整个控件区域组织，以下是Tkinter公开的几何管理类：包、网格、位置

几何方法	描述
pack()	包装； https://www.cnblogs.com/emanlee/p/15340485.html
grid()	网格； https://www.cnblogs.com/emanlee/p/15340537.html
place()	位置； https://www.cnblogs.com/emanlee/p/15337638.html

典型的组件（控件，widget）

Button按钮示例

用法介绍

from tkinter import *

from tkinter import messagebox

top = Tk()
top.geometry("100x100")
def helloCallBack():
   msg = messagebox.showinfo( "Hello Python", "Hello World")

B = Button(top, text = "Hello", command = helloCallBack)
B.place(x = 50,y = 50)  # place 的用法 https://www.cnblogs.com/emanlee/p/15337638.html
top.mainloop()

  结果如下：

Canvas 示例（Python实验四.pdf）

from tkinter import *

from tkinter import messagebox

top = Tk()

C = Canvas(top, bg = "blue", height = 250, width = 300)

coord = 10, 50, 240, 210 ### coord元组配置矩形所形成的椭圆的左上角坐标及右下角坐标：coord=x1,y1,x2,y2
arc = C.create_arc(coord, start = 0, extent = 150, fill = "red") 
#start：从x轴正方向（起始方向）开始，单位为度进行绘制，start为起始绘制角度的设置
#extent：以start参数作为参考，以start参数给定的角度开始，逆时针延伸角度，这个角度为extent设置的值
line = C.create_line(10,10,200,200,fill = 'white') ## 左上角（10,10），右下角（200,200）
C.pack()
top.mainloop()

 结果如下：

# 创建一个矩形，指定画布的颜色为白色
from tkinter import *
root = Tk()
# 创建一个Canvas，设置其背景色为yellow
cv = Canvas(root,bg = 'yellow')
# 创建一个矩形，坐标为(10,10,110,110)
cv.create_rectangle(10,10,110,110) ## 左上角（10,10），右下角（110,110）
cv.pack()
root.mainloop()

Checkbutton示例

from tkinter import *

import tkinter
    
top = Tk()
CheckVar1 = IntVar()
CheckVar2 = IntVar()
C1 = Checkbutton(top, text = "Music", variable = CheckVar1, \
                 onvalue = 1, offvalue = 0, height=5, \
                 width = 20, )
C2 = Checkbutton(top, text = "Video", variable = CheckVar2, \
                 onvalue = 1, offvalue = 0, height=5, \
                 width = 20)
C1.pack()
C2.pack()
top.mainloop()

  结果如下：

Entry 示例

用法介绍

from tkinter import *

top = Tk()
L1 = Label(top, text = "User Name")
L1.pack(side = LEFT)
E1 = Entry(top)
E1.pack(side = RIGHT)

top.mainloop()

from tkinter import *

top = Tk()
L1 = Label(top, text = "User Name")
L1.pack(side = LEFT)
mytext=StringVar()
E1 = Entry(top,text=mytext)
E1.pack(side = RIGHT)
mytext.set("John")

top.mainloop()

Frame示例

from tkinter import *

root = Tk()
frame = Frame(root)
frame.pack()

bottomframe = Frame(root)
bottomframe.pack( side = BOTTOM )

redbutton = Button(frame, text = "Red", fg = "red")
redbutton.pack( side = LEFT)

greenbutton = Button(frame, text = "Brown", fg="brown")
greenbutton.pack( side = LEFT )

bluebutton = Button(frame, text = "Blue", fg = "blue")
bluebutton.pack( side = LEFT )

blackbutton = Button(bottomframe, text = "Black", fg = "black")
blackbutton.pack( side = BOTTOM)

root.mainloop()

  结果如下：

Label示例

用法介绍

from tkinter import *

root = Tk()
label = Label( root, text="Hello, emanlee" )
label.pack()
root.mainloop()

结果如下：

Listbox 示例

from tkinter import *

import tkinter

top = Tk()

Lb1 = Listbox(top)
Lb1.insert(1, "Python")
Lb1.insert(2, "Perl")
Lb1.insert(3, "C")
Lb1.insert(4, "PHP")
Lb1.insert(5, "JSP")
Lb1.insert(6, "Ruby")

Lb1.pack()
top.mainloop()

  结果如下：

 Menubutton示例

from tkinter import *

import tkinter

top = Tk()

mb =  Menubutton ( top, text = "condiments", relief = RAISED )
mb.grid()
mb.menu  =  Menu ( mb, tearoff = 0 )
mb["menu"]  =  mb.menu
    
mayoVar  = IntVar()
ketchVar = IntVar()

mb.menu.add_checkbutton ( label = "mayo",
                          variable = mayoVar )
mb.menu.add_checkbutton ( label = "ketchup",
                          variable = ketchVar )

mb.pack()
top.mainloop()

  结果如下：

 Menu示例

from tkinter import *
def donothing():
   filewin = Toplevel(root)
   button = Button(filewin, text="Do nothing button")
   button.pack()
   
root = Tk()
menubar = Menu(root)
filemenu = Menu(menubar, tearoff = 0)
filemenu.add_command(label="New", command = donothing)
filemenu.add_command(label = "Open", command = donothing)
filemenu.add_command(label = "Save", command = donothing)
filemenu.add_command(label = "Save as...", command = donothing)
filemenu.add_command(label = "Close", command = donothing)

filemenu.add_separator()

filemenu.add_command(label = "Exit", command = root.quit)
menubar.add_cascade(label = "File", menu = filemenu)
editmenu = Menu(menubar, tearoff=0)
editmenu.add_command(label = "Undo", command = donothing)

editmenu.add_separator()

editmenu.add_command(label = "Cut", command = donothing)
editmenu.add_command(label = "Copy", command = donothing)
editmenu.add_command(label = "Paste", command = donothing)
editmenu.add_command(label = "Delete", command = donothing)
editmenu.add_command(label = "Select All", command = donothing)

menubar.add_cascade(label = "Edit", menu = editmenu)
helpmenu = Menu(menubar, tearoff=0)
helpmenu.add_command(label = "Help Index", command = donothing)
helpmenu.add_command(label = "About...", command = donothing)
menubar.add_cascade(label = "Help", menu = helpmenu)

root.config(menu = menubar)
root.mainloop()

  结果如下：

 Message示例

from tkinter import *

root = Tk()

var = StringVar()
label = Message( root, textvariable = var, relief = RAISED )

var.set("Hey!? How are you doing?")
label.pack()
root.mainloop()

  结果如下：

 Radiobutton示例

from tkinter import *

def sel():
   selection = "You selected the option " + str(var.get())
   label.config(text = selection)

root = Tk()
var = IntVar()
R1 = Radiobutton(root, text = "Option 1", variable = var, value = 1,
                  command = sel)
R1.pack( anchor = W )

R2 = Radiobutton(root, text = "Option 2", variable = var, value = 2,
                  command = sel)
R2.pack( anchor = W )

R3 = Radiobutton(root, text = "Option 3", variable = var, value = 3,
                  command = sel)
R3.pack( anchor = W)

label = Label(root)
label.pack()
root.mainloop()

 结果如下：

 Scale示例

from tkinter import *

def sel():
   selection = "Value = " + str(var.get())
   label.config(text = selection)

root = Tk()
var = DoubleVar()
scale = Scale( root, variable = var )
scale.pack(anchor = CENTER)

button = Button(root, text = "Get Scale Value", command = sel)
button.pack(anchor = CENTER)

label = Label(root)
label.pack()

root.mainloop()

  结果如下：

 Scrollbar示例

from tkinter import *

root = Tk()
scrollbar = Scrollbar(root)
scrollbar.pack( side = RIGHT, fill = Y )

mylist = Listbox(root, yscrollcommand = scrollbar.set )
for line in range(100):
   mylist.insert(END, "This is line number " + str(line))

mylist.pack( side = LEFT, fill = BOTH )
scrollbar.config( command = mylist.yview )

mainloop()

  结果如下：

 Text示例

from tkinter import *

root = Tk()
text = Text(root)
text.insert(INSERT, "Hello.....")
text.insert(END, "Bye Bye.....")
text.pack()

text.tag_add("here", "1.0", "1.4")
text.tag_add("start", "1.8", "1.13")
text.tag_config("here", background = "yellow", foreground = "blue")
text.tag_config("start", background = "black", foreground = "green")
root.mainloop()

  结果如下：

 Toplevel示例

from tkinter import *

root = Tk()
root.title("hello")
top = Toplevel()
top.title("Python")
top.mainloop()

  结果如下：

 Spinbox示例

from tkinter import *

master = Tk()

w = Spinbox(master, from_ = 0, to = 10)
w.pack()

mainloop()

  结果如下：

PanedWindow示例

from tkinter import *

m1 = PanedWindow()
m1.pack(fill = BOTH, expand = 1)

left = Entry(m1, bd = 5)
m1.add(left)

m2 = PanedWindow(m1, orient = VERTICAL)
m1.add(m2)

top = Scale( m2, orient = HORIZONTAL)
m2.add(top)

bottom = Button(m2, text = "OK")
m2.add(bottom)

mainloop()

  结果如下：

 LabelFrame示例

from tkinter import *

root = Tk()

labelframe = LabelFrame(root, text = "This is a LabelFrame")
labelframe.pack(fill = "both", expand = "yes")
 
left = Label(labelframe, text = "Inside the LabelFrame")
left.pack()
 
root.mainloop()

  结果如下：

messagebox示例

from tkinter import *

from tkinter import messagebox

top = Tk()
top.geometry("100x100")
def hello():
   messagebox.showinfo("Say Hello", "Hello World")

B1 = Button(top, text = "Say Hello", command = hello)
B1.place(x = 35,y = 50)

top.mainloop()

  结果如下：

 一个简单的综合示例：

from tkinter import * #导入tkinter库
from tkinter import messagebox # 导入messagebox类

top = Tk() #建立窗体，窗体取名top
top.geometry("450x100") # 设置窗体的宽度为450像素，高度100像素
def helloCallBack(): # 定义函数，响应单击按钮的操作
    mystr=eval(E1.get())+eval(E2.get()) #获取E1文本框的内容，转换为数值；E2同理；然后相加
    msg = messagebox.showinfo( "结果",str(mystr))# 消息框显示结果
L1 = Label(top, text = "数1")#新建标签L1，标签的文本是“数1” 
L1.place(x = 20,y = 20) # 把L1放到窗体的（20,20）位置，单位是像素
E1 = Entry(top) #新建文本框E1，E1放在top（窗体）里面
E1.place(x = 50,y = 20)
L2 = Label(top, text = "数2")
L2.place(x = 220,y = 20)
E2 = Entry(top)
E2.place(x = 250,y = 20)
B = Button(top, text = "相加", command = helloCallBack)#command表示按钮单击时的操作
B.place(x = 350,y = 50)  # place 的用法 https://www.cnblogs.com/emanlee/p/15337638.html
top.mainloop()#保持窗体接受用户操作

一个简单的综合示例：

from tkinter import * #导入tkinter库

top = Tk() #建立窗体，窗体取名top

def add(): # 定义函数，响应单击按钮的操作
    mystr=eval(E1.get())+eval(E2.get()) #获取E1文本框的内容，转换为数值；E2同理；然后相加
    E3text.set(mystr)

L1 = Label(top, text = "数1")#新建标签L1，标签的文本是“数1”
L1.grid(row=0,column=0)
E1 = Entry(top) #新建文本框E1，E1放在top（窗体）里面
E1.grid(row=0,column=1)
L2 = Label(top, text = "数2")
L2.grid(row=1,column=0)
E2 = Entry(top)
E2.grid(row=1,column=1)
L3 = Label(top, text = "结果")
L3.grid(row=2,column=0)
E3text=StringVar()
E3 = Entry(top, text=E3text)
E3.grid(row=2,column=1)
B1 = Button(top, text = "相加", command = add)#command表示按钮单击时的操作
B1.grid(row=3,column=0) #

top.mainloop()#保持窗体接受用户操作

可以使用 pyinstaller 把py代码转换为 exe 程序，参见： https://www.cnblogs.com/emanlee/p/15807421.html

 Write a program that performs arithmetic operations using buttons, as shown in above Figure. 

REF

https://www.tutorialspoint.com/python3/python_gui_programming.htm

https://www.runoob.com/python/python-gui-tkinter.html