Python入门示例系列31 GUI Tkinter 入门
  TnD0WQEygW8e 2023年11月02日 104 0

Tkinter 编程入门示例

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

 

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

Tkinter的全称是Tk Interface。

其中Tk是开发桌面应用的GUI工具库,它是Tcl的标准GUI,而Tcl全称Tool Command Language,是一种动态编程语言,可用于桌面应用开发。关于Tk和Tcl,可以在https://www.tcl.tk/查看到更多的内容,这里不多做介绍。

Tk和Tcl并不是Python的一部分,Python只不过提供了与Tk和Tcl交互的接口,而Tk和Tcl是系统本身支持的,Window、Linux和MacOS都是支持的,所以通过Python tkinter创建的GUI程序可以在不同的操作系统使用。

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

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

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

 示例:创建一个窗体。

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

结果如下:

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

 

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

from tkinter import *
root = Tk()
root.geometry('+400+200') # 位置 x=400像素,y=200像素; 位置以屏幕左上角为起始点(0,0).
# 窗口在屏幕上的位置,第1个加号是距离屏幕左边的宽,第2个加号是距离屏幕顶部的高。单位是像素
root.geometry('400x200') # 宽400像素,高200像素;注意:不含标题栏。指标题栏下面的窗体的宽度和高度。'400x200'中间是小写的字母X。
root.geometry('400x200+400+200') #  宽400像素,高200像素, 位置 x=400像素,y=200像素;
root.mainloop()

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

 

 

 

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

import tkinter
win = tkinter.Tk()
sw = win.winfo_screenwidth() #得到屏幕宽度
sh = win.winfo_screenheight() #得到屏幕高度
ww = 400
wh = 200
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()

 

窗口(窗体)的详细使用方法参见 

 

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()

包装;

grid()

网格;

place()

位置;

了解pack(), gird()

 

典型的组件(控件,widget)

Button按钮示例

用法介绍

from tkinter import *

from tkinter import messagebox

top = Tk() # 窗体
top.geometry("100x100") # 宽100像素,高100像素; 中间是小写字母X
def helloCallBack(): # 定义单击按钮的响应函数
   msg = messagebox.showinfo( "Hello Python", "Hello World") # 弹出对话框;标题是"Hello Python", 内容是 "Hello World"

B = Button(top, text = "Hello", command = helloCallBack) # 第一个参数为当前控件的容器;第二个参数是按钮上的文字;第三个参数是单击按钮调用的函数
B.place(x = 50,y = 50)  # place函数指定按钮的绝对位置,窗体左上角位置为(0,0)   place 的用法 
top.mainloop() # 窗体等待用户操作

  结果如下:

Python入门示例系列31 GUI Tkinter 入门_控件_03

 

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设置的值
#fill:为填充颜色
line = C.create_line(10,10,200,200,fill = 'white') ## 左上角(10,10),右下角(200,200)
C.pack()
top.mainloop()

 结果如下:

Python入门示例系列31 GUI Tkinter 入门_控件_04

 

# 创建一个矩形,指定画布的颜色为白色
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()

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

 

 

 

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()

  结果如下:

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

 

 

Entry 示例

用法介绍

from tkinter import *

top = Tk()
L1 = Label(top, text = "User Name") # 一个静态标签,容器为窗体top; 文本为 "User Name"
L1.pack(side = LEFT)
E1 = Entry(top) # 容器为窗体top;  
E1.pack(side = RIGHT)

top.mainloop()

 

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

 

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()

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

 

 

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()

  结果如下:

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

 

Label示例

用法介绍

from tkinter import *

root = Tk()
label = Label( root, text="Hello, emanlee" ) ## 容器为窗体root;文本为 "Hello, emanlee"
label.pack()
root.mainloop()

结果如下:

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

 

 

 

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()

  结果如下:

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

 

示例

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()

  结果如下:

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

 

示例

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()

  结果如下:

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

 

示例

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()

  结果如下:

Python入门示例系列31 GUI Tkinter 入门_控件_14

 

 

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()

 结果如下:

Python入门示例系列31 GUI Tkinter 入门_控件_15

 

 

示例

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()

  结果如下:

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

 

 

示例

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()

  结果如下:

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

 

 

示例

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()

  结果如下:

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

 

 

示例

from tkinter import *

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

  结果如下:

Python入门示例系列31 GUI Tkinter 入门_控件_19

 

 

示例

from tkinter import *

master = Tk()

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

mainloop()

  结果如下:

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

 

 

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()

  结果如下:

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

 

示例

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()

  结果如下:

Python入门示例系列31 GUI Tkinter 入门_控件_22

 

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()

  结果如下:

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

 

 

 一个简单的综合示例

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 的用法 
top.mainloop()#保持窗体接受用户操作

Python入门示例系列31 GUI Tkinter 入门_控件_24

 

一个简单的综合示例

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()#保持窗体接受用户操作

 

Python入门示例系列31 GUI Tkinter 入门_控件_25

 

  Python Tkinter 三角形面积计算器(实验四)

 

可以使用 pyinstaller 把py代码转换为 exe 程序,参见:

 

 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

 



【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

上一篇: 安装 pygame 下一篇: Java基础——代码块
  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
  2Fnpj8K6xSCR   2024年05月17日   108   0   0 Python
  xKQN3Agd2ZMK   2024年05月17日   75   0   0 Python
  fwjWaDlWXE4h   2024年05月17日   38   0   0 Python
  YpHJ7ITmccOD   2024年05月17日   40   0   0 Python
TnD0WQEygW8e