Python基础之用tkinter写界面

参考链接：https://blog.csdn.net/qq_37482202/article/details/84201259

Tkinter介绍

Tkinter(也叫Tk接口)是Tk图形用户界面工具包标准的Python接口。Tk是一个轻量级的跨平台图形用户界面(GUI)开发工具。Tk和Tkinter可以运行在大多数的Unix平台、Windows、和Macintosh系统。

Tkinter由一定数量的模块组成。Tkinter位于一个名为_tkinter（较早的版本名为tkinter）的二进制模块中。Tkinter包含了对Tk的低级接口模块，低级接口并不会被应用级程序员直接使用，通常是一个共享库（或DLL），但是在一些情况下它也被Python解释器静态链接。

导入库：

1 from tkinter import *
2 from tkinter.tix import Tk, Control, ComboBox  # 升级的组合控件包

在进行界面绘制之前需要初始化Tk()

root = Tk()  # 初始化tk

root便是布局的根节点了，以后的布局都在它之上

1     # 设置窗口标题
2     root.title("hello tkinter")
3     # 设置窗口大小 注意：是X 不是*
4     root.geometry("1024x768")
5     # 设置窗口是否可以变化长/宽，False不可变，True可变
6     root.resizable(width=True, height=True)
7     # 引入升级包，这样才能使用升级的组合控件
8     root.tk.eval('package require Tix')

接下来会设置窗口的属性。

1. Label

1     activebackground, activeforeground, anchor, 
2     background, bitmap, borderwidth, cursor, 
3     disabledforeground, font, foreground, 
4     highlightbackground, highlightcolor, 
5     hightlightthickness, image, justify, 
6     padx, pady, relief, takefocus, text, 
7     textvariable, underline, wraplength, 
8     height, state, width

属性很多，说一下常用的属性

1     lable = Label(root, text="label", bg="pink", bd=10, font=("Arial", 12), width=8, height=3)
2     lable.pack(side=LEFT)

第一个	要依附的节点
text	上面显示的字
bg	背景颜色 也可以传rgb16进制的形式
bd	边框宽度
font	字体 第一个是字体样式 第二个是字体大小
width height	宽 高
bitmap	图像
highlightcolor	高亮时字体颜色
highlightbackground	高亮时背景颜色
textvariable	绑定的变量 之后如果变量值发生变动 字也会随之改变
wraplength	换行控制 如果是50就表示宽度到50就换行显示

最后你需要调用pack()来把控件布置上去，你可以指定布局方式，可定义的属性也非常多

  1 # Booleans
  2 NO=FALSE=OFF=0
  3 YES=TRUE=ON=1
  4  
  5 # -anchor and -sticky
  6 N='n'
  7 S='s'
  8 W='w'
  9 E='e'
 10 NW='nw'
 11 SW='sw'
 12 NE='ne'
 13 SE='se'
 14 NS='ns'
 15 EW='ew'
 16 NSEW='nsew'
 17 CENTER='center'
 18  
 19 # -fill
 20 NONE='none'
 21 X='x'
 22 Y='y'
 23 BOTH='both'
 24  
 25 # -side
 26 LEFT='left'
 27 TOP='top'
 28 RIGHT='right'
 29 BOTTOM='bottom'
 30  
 31 # -relief
 32 RAISED='raised'
 33 SUNKEN='sunken'
 34 FLAT='flat'
 35 RIDGE='ridge'
 36 GROOVE='groove'
 37 SOLID = 'solid'
 38  
 39 # -orient
 40 HORIZONTAL='horizontal'
 41 VERTICAL='vertical'
 42  
 43 # -tabs
 44 NUMERIC='numeric'
 45  
 46 # -wrap
 47 CHAR='char'
 48 WORD='word'
 49  
 50 # -align
 51 BASELINE='baseline'
 52  
 53 # -bordermode
 54 INSIDE='inside'
 55 OUTSIDE='outside'
 56  
 57 # Special tags, marks and insert positions
 58 SEL='sel'
 59 SEL_FIRST='sel.first'
 60 SEL_LAST='sel.last'
 61 END='end'
 62 INSERT='insert'
 63 CURRENT='current'
 64 ANCHOR='anchor'
 65 ALL='all' # e.g. Canvas.delete(ALL)
 66  
 67 # Text widget and button states
 68 NORMAL='normal'
 69 DISABLED='disabled'
 70 ACTIVE='active'
 71 # Canvas state
 72 HIDDEN='hidden'
 73  
 74 # Menu item types
 75 CASCADE='cascade'
 76 CHECKBUTTON='checkbutton'
 77 COMMAND='command'
 78 RADIOBUTTON='radiobutton'
 79 SEPARATOR='separator'
 80  
 81 # Selection modes for list boxes
 82 SINGLE='single'
 83 BROWSE='browse'
 84 MULTIPLE='multiple'
 85 EXTENDED='extended'
 86  
 87 # Activestyle for list boxes
 88 # NONE='none' is also valid
 89 DOTBOX='dotbox'
 90 UNDERLINE='underline'
 91  
 92 # Various canvas styles
 93 PIESLICE='pieslice'
 94 CHORD='chord'
 95 ARC='arc'
 96 FIRST='first'
 97 LAST='last'
 98 BUTT='butt'
 99 PROJECTING='projecting'
100 ROUND='round'
101 BEVEL='bevel'
102 MITER='miter'
103  
104 # Arguments to xview/yview
105 MOVETO='moveto'
106 SCROLL='scroll'
107 UNITS='units'
108 PAGES='pages'

写完这些运行程序还是无法出现界面，那是因为还少了一句

root.mainloop()

2. Button

1     """
2     command: 点击调用的方法
3     activeforeground: 点击时按钮上字的颜色
4     activebackground: 点击时按钮的背景颜色
5     """
6     button = Button(root, text='QUIT', command=root.quit, activeforeground="black", activebackground='blue', bg='red',
7                     fg='white')
8     button.pack(fill=Y, expand=1)

3. Scale: 滑动条

 1 def resize(ev=None):
 2     lable.config(font='Helvetica -%d bold' % scale.get())
 3 
 4 # 滑动条
 5 """
 6 from_: 滑动条起始值
 7 to: 滑动条终点值
 8 origent: 样式 两种样式 一横一竖
 9 """
10 scale = Scale(root, from_=10, to=40, orient=HORIZONTAL, command=resize)
11 scale.set(12)
12 scale.pack()

和button不同的是command不再是点击事件了而是拖动事件，调用set()方法可以设置当前位置

4. NumberericUpDown: 数字选择框

 1     # 数字选择框
 2     """
 3     integer: 是否为整数
 4     max: 最大值
 5     min: 最小值
 6     value: 初始值
 7     step: 步长
 8     """
 9     ct = Control(root, label='Number:', integer=True, max=12, min=2, value=2, step=2)
10     ct.label.config(font='Helvetica 14 bold')
11     ct.pack()

5. ComboBox: 下拉选择框

 1     # 下拉选择框
 2     """
 3     label: 前面要显示的字
 4     editable: 控制是否可更改
 5     insert(): 给下拉选择框添加选项
 6     """
 7     cb = ComboBox(root, label='Type:', editable=True)
 8     for animal in ('dog', 'cat', 'hamster', 'python'):
 9         cb.insert(END, animal)
10     cb.pack()

6. Menu: 菜单

 1     # 菜单选项
 2     menubar = Menu(root)
 3     root.config(menu=menubar)
 4     filemenu = Menu(menubar, tearoff=0)
 5     # 给menu添加一个选项
 6     menubar.add_cascade(label='文件', menu=filemenu)
 7     # 添加子选项
 8     filemenu.add_command(label='新建...', command=click())
 9     filemenu.add_command(label='打开...', command=click())
10     filemenu.add_command(label='保存...', command=click())
11     filemenu.add_command(label='关闭填写...', command=root.quit)

7. Frame

1     # frame相当于一个局部的窗体，可以用来装载其他控件
2     frame1 = Frame(root)
3     frame1.pack(fill=X)
4     label1 = Label(frame1, text='您的花名：')
5     label1.grid(row=1, column=0)

使用grid能让你更容易把握控件的位置，你可以指定它出现在几行几列，是否跨行跨列，跨几行等等

8. Radiobutton: 单选框

 1     # 单选框
 2     frame2 = Frame(root)
 3     frame2.pack(fill=X)
 4     label2 = Label(frame2, text='您的性别：')
 5     label2.grid(row=1, column=0)
 6     sex = StringVar()
 7     sex_male = Radiobutton(frame2, text='男', fg='blue', variable=sex, value='男')
 8     sex_male.grid(row=1, column=2)
 9     sex_female = Radiobutton(frame2, text='女', fg='red', variable=sex, value='女')
10     sex_female.grid(row=1, column=4)

这个单选框写出来，刚开始男和女两个单选框都是选中状态，不过，你拿鼠标单击一下，就可以正常的单选状态了。

9. ListBox: 列表

 1     # 列表
 2     frame4 = Frame(root)
 3     frame4.pack(fill=X)
 4     label4 = Label(frame4, text='4、请删除您不会的变成语言：')
 5     label4.grid(row=1, column=0)
 6     listbox = Listbox(frame4)
 7     listbox.grid(row=1, column=1)
 8     for item in ["C", "C++", "JAVA", "PYTHON", "R", "SQL", "JS"]:
 9         listbox.insert(END, item)
10 
11     DELETE = Button(frame4, text='删除', command=lambda listbox=listbox: listbox.delete(ANCHOR))
12     DELETE.grid(row=1, column=2)
13     language = Button(frame4, text='确定')
14     language.grid(row=2, column=1)

这里按钮点击事件的写法使用lambda表达式写的，用法可以自行百度

10. Canvas: 画板

 1 from tkinter import *
 2 
 3 
 4 class CanvasDemo:
 5     def __init__(self):
 6         window = Tk()
 7         window.title("CanvasDemo")
 8 
 9         self.canvas = Canvas(window, width=200, height=100, bg="White")
10         self.canvas.pack()
11 
12         frame = Frame(window)
13         frame.pack()
14 
15         btRectangle = Button(frame, text="长方形", command=self.displayRect)
16         btOval = Button(frame, text="椭 圆", command=self.displayOval)
17         btArc = Button(frame, text="圆 弧", command=self.displayArc)
18         btPolygon = Button(frame, text="多边形", command=self.displayPolygon)
19         btLine = Button(frame, text=" 线 ", command=self.displayLine)
20         btString = Button(frame, text="文 字", command=self.displayString)
21         btClear = Button(frame, text="清 空", command=self.clearCanvas)
22 
23         btRectangle.grid(row=1, column=1)
24         btOval.grid(row=1, column=2)
25         btArc.grid(row=1, column=3)
26         btPolygon.grid(row=1, column=4)
27         btLine.grid(row=1, column=5)
28         btString.grid(row=1, column=6)
29         btClear.grid(row=1, column=7)
30 
31         window.mainloop()
32 
33     def displayRect(self):
34         self.canvas.create_rectangle(10, 10, 190, 90, tags="rect")
35 
36     def displayOval(self):
37         self.canvas.create_oval(10, 10, 190, 90, tags="oval", fill="red")
38 
39     def displayArc(self):
40         self.canvas.create_arc(10, 10, 190, 90, start=-90, extent=90, width=5, fill="red", tags="arc")
41 
42     def displayPolygon(self):
43         self.canvas.create_polygon(10, 10, 190, 90, 30, 50, tags="polygon")
44 
45     def displayLine(self):
46         self.canvas.create_line(10, 10, 190, 90, fill='red', tags="line")
47         self.canvas.create_line(10, 90, 190, 10, width=9, arrow="last", activefill="blue", tags="line")
48 
49     def displayString(self):
50         self.canvas.create_text(60, 40, text="Hi,i am a string", font="Tine 10 bold underline", tags="string")
51 
52     def clearCanvas(self):
53         self.canvas.delete("rect", "oval", "arc", "polygon", "line", "string")
54 
55 
56 CanvasDemo()

11. CheckButton: 多选框

1     # 多选框，onvalue代表被勾选时的值，offvalue代表不被勾选时的值
2     frame8 = Frame(root)
3     frame8.pack()
4     agree = StringVar()
5     agree = Checkbutton(frame8, text='我同意', variable=agree, onvalue='确定', offvalue='不确定',)
6     agree.grid()

12. LabelFrame: 容器框

1     # 容器框
2     frame10 = Frame(root)
3     frame10.pack()
4     group = LabelFrame(frame10, text='特别鸣谢', padx=5, pady=5)
5     group.grid()
6     w = Label(group, text='容器框')
7     w.pack()

这些差不多够用了。