python

关注公众号 jb51net

关闭
首页 > 脚本专栏 > python > python Tkinter基础教学

python中Tkinter详细基础教学实例代码

作者:胖兔always

这篇文章主要给大家介绍了关于python中Tkinter详细基础教学的相关资料,文中介绍了如Label、Button、Entry、Text、Frame、Menu、Canvas、Messagebox等的基本属性和用法,并介绍了布局管理器pack、grid和place的使用方法,需要的朋友可以参考下

前言

本文致力与帮助想要需要Tkinter的小伙伴,内容详细简介明了不臃肿,会详细的介绍Tkinter的常用操作以及核心组件和它们的重要参数。想要学习的小伙伴一定要认真观看喔~

模块导入

tk为python只带的标准库,不需要下载,直接导入。

from tkinter import *

tkinter核心组件

label标签用来显示文字或图片
Button按钮类似标签,但提供额外的功能,例如鼠标掠过、按下、释放以及键盘操作、事件
 
Entry单行文字域用来收集键盘输入
Text多行文字区域可用来收集(或显示)用户输入的文字
Frame框架包含其他组件的纯容器
Checkbutton选择按钮一组方框,可以选择其中的任意个
Listbox列表框一个选项列表,用户可以从中选择
Menu菜单点下菜单按钮后弹出的一个选项列表,用户可以从中选择
Menubutton菜单按钮用来包含菜单的组件(有下拉式、层叠式等等)
Message消息框类似于标签,但可以显示多行文本
Radiobutton单选按钮组按钮,其中只有一个可被“按下” (类似 HTML 中的 radio)
Scale进度条线性“滑块”组件,可设定起始值和结束值,会显示当前位置的精确值
Scrollbar滚动条对其支持的组件(文本域、画布、列表框、文本框)提供滚动功能
Toplevel顶级类似框架,但提供一个独立的窗口容器
Canvas绘画提供绘图功能(直线、椭圆、多边形、矩形) 可以包含图形或位图

基础架构

第一步 导入tk模块

from tkinter import *

第二步 获取TK对象

root = Tk()

第三步 指定窗口大小位置

# 指定了窗口的宽度、高度和位置。
root.geometry('600x450+400+200') 
# 宽度为600像素
# 高度为450像素
# 位置在屏幕上的坐标为(x=400, y=200)

第四步 主窗口标题

# 主窗口的框体的标题
root.title('title')

第五步 显示主窗口

root.mainloop()  # 显示主窗口

总和

from tkinter import *

root = Tk()
root.geometry('400x300+400+200')
root.title('title')

"""
此处写tk框架组件
"""
root.mainloop()

1Label 标签

基本属性

参数
注释
text标签名称
font字体(样式,大小)
bg (background)背景颜色(标签颜色)
fg (foreground)前景颜色(字体颜色)
width标签宽度
height标签高度
anchor锚选项,控制标签文本的位置(参数值:S,W,E,N,SE,SW,NW,NE,CENTER,默认为CENTER)
bitmap位图
relief三维效果(参数值:FLAT、SUNKEN、RAISED、GROOVE、RIDGE。默认为 FLAT)
image与PhotoImage 一起使用,图片只能为gif图片
compound 图片和文字一同显示
padx设置文本与标签边框x轴方向上距离
pady设置文本与标签边框y轴方向上的距离
cursor鼠标移动到框架时,光标的形状(参数值:arrow, circle, cross, plus 等)
justify显示多行文本的时候,设置不同行之间的对齐方式(参数值:LEFT, RIGHT, CENTER)
state 设置标签状态,参数值:NORMAL、ACTIVE、 DISABLED。默认 NORMAL
wraplength指定每行文本的宽度,单位是屏幕单元
underline下划线。默认按钮上的文本都不带下划线。取值就是带下划线的字符串索引,为 0 时,第一个字符带下划线,为 1 时,第二个字符带下划线,以此类推

1.1  text,bg,font,fg

from tkinter import *

root = Tk()
root.geometry('400x300+400+200')
root.title('title')
# ------
label1 = Label(root, text='测试1', bg='purple', font=('华文行楷', 20), fg='blue')
label1.grid(row=1, column=1)
# ------
root.mainloop()

其中 grid(row=1,column=1) 代表着当前标签位置于 第一行第一列

text为标签名“测试1”

bg为底色“purple”紫色

font为字体“华文行楷”以及字体大小“20”

fg为字体颜色“bule”蓝色

1.2  width,height,anchor,padx

from tkinter import *

root = Tk()
root.geometry('400x300+400+200')
root.title('title')
# ------
label2 = Label(root, text='测试2', bg='purple', font=('华文行楷', 20), fg='blue', width=8, height=3, anchor=E, padx=20)
label2.grid(row=2, column=1)
# ------
root.mainloop()

其中 grid(row=2,column=1) 代表着当前标签位置于 第二行 第一列。而因为前面没有内容行,因此标签显示在第一行。

width为宽度“8”

height为高度"3"

anchor=E为文本在标签中的位置

padx=20为文本与标签边框x轴方向上距离20

1.3  image,compound,relief

from tkinter import *

root = Tk()
root.geometry('400x300+400+200')
root.title('title')
# ------

preview = PhotoImage(file=r'Aa_图片素材库/preview.gif')
label3 = Label(root, text='图片', image=preview, compound='left', relief=SUNKEN)
label3.grid(row=2, column=2)
# ------
root.mainloop()

PhotoImage(file="....")中的file为gif图片文件位置

image与PhotoImage 一起使用,为标签显示当前图片,且图片只能为gif图片

compound为表示图片和文字一同显示,left表示图片显示在标签左边

relief为三维效果,且SUNKEN为显示方式

1.4  bitmap,bd

from tkinter import *

root = Tk()
root.geometry('400x300+400+200')
root.title('title')
# ------
label4 = Label(root, bitmap='error', bd=3, relief=SUNKEN)
label4.grid(row=2, column=4)
label5 = Label(root, relief=SUNKEN, text='bitmap位图测试')
label5.grid(row=2, column=3)
# ------
root.mainloop()

bd指定标签部件的边框宽度,这里设置为3像素

bitmap用于指定在标签部件中显示的位图。'error'表示显示一个带有问题图标的位图。它们有如下'error'、'info'、'question'等,分别代表错误、信息和问题图标。也可以自定义的位图文件。

2Button 按钮

基本属性

参数注释
text按钮文本内容
font字体(样式,大小)
bg背景颜色(按钮颜色)
fg 前景颜色(字体颜色)
width按钮宽度
height按钮高度
command按钮关联的函数,当按钮被点击时,执行该函数
padx 设置按钮文本与按钮边框x轴方向的距离
pady设置按钮文本与按钮边框y轴方向的距离
bd按钮边框宽度
anchor控制按钮文本的位置(参数值:S,W,E,N,SE,SW,NW,NE,CENTER,默认为CENTER)
image与PhotoImage 一起使用,图片只能为gif格式
relief三维效果 (参数值:FLAT、SUNKEN、RAISED、GROOVE、RIDGE。默认为 FLAT)
bitmap位图
compound图片和文字一同显示
cursor 鼠标移动到框架时,光标的形状(参数值:arrow, circle, cross, plus 等)
justify显示多行文本的时候,设置不同行之间的对齐方式(参数值:LEFT, RIGHT, CENTER)
state设置按钮状态,参数值:NORMAL、ACTIVE、 DISABLED。默认 NORMAL
wraplength指定每行文本的宽度,单位是屏幕单元
underline下划线。默认按钮上的文本都不带下划线。取值就是带下划线的字符串索引,为 0 时,第一个字符带下划线,为 1 时,第二个字符带下划线,以此类推

2.1  text,font,bg,fg,width,height

from tkinter import *

root = Tk()
root.geometry('400x300+400+200')
root.title('title')

button1 = Button(root, text='测试1', bg='purple', font=('华文行楷', 20), fg='blue', width=8, height=2)
button1.grid(row=2, column=1)

root.mainloop()

这些属性功能基本与标签属性类型,分别为按钮名,文字样式,底色,按钮文字颜色,宽和高。

2.2  command,padx,pady,bd,anchor

from tkinter import *
from tkinter import messagebox

root = Tk()
root.geometry('400x300+400+200')


def test():
    messagebox.showinfo('提示', '已点击 测试1 按钮')


button1 = Button(root, text='测试1', height=3, width=8, padx=20, pady=30, command=test, bd=2, anchor=E)
button1.grid(row=1, column=1)

root.mainloop()

"command=test" 意思是当点击此按钮时触发函数test,其中test函数意义为显示出一个弹窗。是tk中重要的按钮属性

padx为按钮内文字与按钮边框x轴的距离

pady为按钮内文字与按钮边框y轴的距离

bd为按钮边框宽度

"anchor=E"表示按钮上的文本将沿着按钮的右侧对齐,其中默认为CENTER居中

2.3  image,relief,bitmap,compound,cursor

from tkinter import *

root = Tk()
root.geometry('400x300+400+200')

button1 = Button(root, text='测试', cursor='cross', relief=SUNKEN, bitmap='question',)
button1.grid(row=1, column=2)

picture = PhotoImage(file=r'Aa_图片素材库/3f12a.gif')
button2 = Button(root, text='图片', width=100, height=100, image=picture, compound='left')
button2.grid(row=2, column=2)

root.mainloop()

image是为将按钮的样子变为当前gif动态图

relief将当前按钮以三维效果显示,此代码意思是将问号按钮沉没显示,默认为平。

bitmap设置按钮的位图。位图是一种小的图像,通常用于表示简单的图标或符号。将位图文件的路径传递给bitmap参数。或使用tk自带的位图。

cursor则表示鼠标放当前按钮上时显示样式

2.4  justify,state,wraplength,underline

from tkinter import *

root = Tk()
root.geometry('400x300+400+200')

button1 = Button(root, text='测试多行文字展示多行文字展示', underline=0, state=NORMAL, justify=RIGHT, wraplength=60, height=3, width=10)
button1.grid(row=1, column=1)

root.mainloop()

justify=RIGHT:让多行文字靠右显示

state=NORMAL:按钮状态,NORMAL为正常状态也是默认状态:

warplength=60:表示么行文本宽度为100(单位屏幕单元)

underlinr=0:表示按钮第一个文字带下划线

3、Enter单行文字域

基本属性

参数注释
bg背景色
fg底色
font字体(样式,大小)
width文本框宽度
bd文本框框宽
show输入显示方式
textvariable将一个StringVar对象与Entry小部件关联起来,以便在用户输入文本时实时更新

3.1  show,textvariable

from tkinter import *

root = Tk()
root.geometry('500x500+400+200')

# 创建一个StringVar对象
text_var = StringVar()

# 将StringVar对象与Entry小部件关联
entry = Entry(root, textvariable=text_var, width=30, show="*")
entry.pack()


def get_text():
    text = text_var.get()
    print("用户输入的文本是:", text)


button = Button(root, text="获取文本", command=get_text)
button.pack()

root.mainloop()

show=“*” :将文本框显示的内容以‘*’显示

textvariable:关联,方便使用

3.2  方法展示:get()

from tkinter import *

root = Tk()
root.geometry('500x500+400+200')

entry = Entry(root)
entry.pack()

def get_text():
    text = entry.get()
    print("Entry中的文本是:", text)

button = Button(root, text="获取文本", command=get_text)
button.pack()

root.mainloop()

gntry.get():获取entry输入的文本内容并返回

3.3  方法展示:insert()

from tkinter import *

root = Tk()
root.geometry('500x500+400+200')
root.title('胖兔always')

entry = Entry(root)
entry.pack()


def insert_text():
    entry.insert(0, "Hello, World!")


button = Button(root, text="插入文本", command=insert_text)
button.pack()

root.mainloop()

 entry.insert() :表示从文本起始位置插入文本到文本域中

3.4  方法展示:delete()

from tkinter import *

root = Tk()
root.geometry('500x500+400+200')
root.title('胖兔always')

entry = Entry(root)
entry.pack()


def delete_text():
    entry.delete(0, END)


button = Button(root, text="删除文本", command=delete_text)
button.pack()

root.mainloop()

entry.delete(0, END) : 从开头到末尾的所有文本内容。这个方法调用会清空Entry小部件中的所有文本内容,使其变为空白状态。

3.5  方法展示:config()

from tkinter import *

root = Tk()
root.geometry('500x500+400+200')
root.title('胖兔always')

entry = Entry(root)
entry.pack()


def configure_entry():
    entry.config(bg="yellow", fg="blue", font=("Arial", 12))


button = Button(root, text="配置Entry", command=configure_entry)
button.pack()

root.mainloop()

entry.config() : 改变文本框部件的属性

 4、Text多行文本域

基本属性

参数注释
bg背景色
fg底色
font字体(样式,大小)
width文本框宽度
bd边框宽度
height文本框高度
wrap文本换行方式,可选WORD(按单词换行)或CHAR(按字符换行)
state状态,可选值为NORMAL(可编辑)或DISABLED(不可编辑)

4.1  wrap,state

from tkinter import *

root = Tk()
root.geometry('500x500+400+200')
root.title('胖兔always')

text1 = Text(root, fg='white', bg='#393b40', font=('宋体', '15'), width=15, height=4, bd=3, wrap=CHAR)
text1.grid(row=1, column=1)
text2 = Text(root, fg='white', bg='#393b40', font=('宋体', '15'), width=15, height=4, bd=3, state=DISABLED)
text2.grid(row=2, column=2)
root.mainloop()

warp=CHAR : 按字符换行。无论单词的位置如何,文本都会在字符之间自动换行,以确保整个字符不会被截断。而WORD为单词换行。当文本长度超过文本域的宽时,文本在单词间自动换行

state: 状态,可选值为NORMAL(可编辑)或DISABLED(不可编辑)。

5、Frame 框架

基本属性

参数注释
bg背景颜色
width宽度
height高度
relief三维效果 (参数值:FLAT、SUNKEN、RAISED、GROOVE、RIDGE。默认为 FLAT)
bd边框宽度
padx水平方向内边距
pady垂直方向内边距

5.1  基本使用

from tkinter import *

root = Tk()
root.geometry('500x500+400+200')
root.title('胖兔always')

frame = Frame(root, height=3, width=10, bd=5, relief='sunken')
frame.pack()
button = Button(frame, text='测试', bd=2)
button.pack()
text1 = Text(frame, fg='white', bg='#393b40', height=4, width=14, bd=3)
text1.pack()

root.mainloop()

Frame():用于将其他小部件组织在一起并进行布局管理。 方便一些组件的统一管理调整。

5.2  方法展示:destroy()

from tkinter import *

root = Tk()
root.geometry('500x500+400+200')
root.title('胖兔always')

frame = Frame(root)
frame.pack()

label = Label(frame, text="标签内容.......")
label.pack()


def destroy_frame():
    frame.destroy()


destroy_button = Button(root, text="销毁frame框架", command=destroy_frame)
destroy_button.pack()

root.mainloop()

destroy()方法用于销毁定义好的Frame框架及其所有子部件。可以在Tkinter应用程序中动态地添加或移除框架及其子部件。 

6、meun 菜单

基本属性

参数注释
bg前景颜色
fg背景颜色
font字体(样式,大小)
width宽度
height高度
bd边框宽度
tearoff是否显示菜单的撕开标志,可选值为 0(不显示)和 1(显示)
activebackground菜单项被激活时的背景颜色
activeforeground菜单项被激活时的前景颜色。

6.1  tearoff,activebackground,activeforeground

from tkinter import *

root = Tk()
root.geometry('500x500+400+200')
root.title('胖兔always')
menubar = Menu(root)

filemenu = Menu(menubar, tearoff=0, bg='#2a2d30', fg='#bbbbbb')

menubar.add_cascade(label='文件', menu=filemenu)  # 添加一个级联菜单,label为显示的文本,menu为级联的子菜单
filemenu.add_command(label='打开', activebackground='red', activeforeground='#323233')
filemenu.add_separator()  # 添加一个分隔线。
filemenu.add_command(label='保存')  # 添加一个普通菜单项

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

 Menu()是用于创建菜单的小部件。

tearoff=0 :不显示菜单撕开标志

activebackground=‘red’ :当鼠标放上面时,背景颜色变红色

activeforeground='#323233'  :当鼠标放上面时,字体颜色变黑色

.add_cascade()lebal, menu, **options) :添加一个级联菜单,label为显示的文本,menu为级联的子菜单。

.add_command(label, command, **options) :添加一个普通菜单项,label为显示的文本,command为点击后执行的函数。

.add_separator() :添加一个分隔线。

6.2  方法展示:delete(index)

from tkinter import *

root = Tk()
root.geometry('500x500+400+200')
root.title('胖兔always')
menubar = Menu(root)


def hello():
    print("Hello World!")


menu = Menu(root)
root.config(menu=menu)

file_menu = Menu(menu)
menu.add_cascade(label="文件", menu=file_menu)
file_menu.add_command(label="保存", command=hello)
file_menu.add_command(label="打开", command=hello)

# 删除第二个菜单项(索引从0开始)
file_menu.delete(1)

root.mainloop()

delete(index):方法删除菜单中指定索引位置的菜单项 

delete(1)  :方法删除了第二个菜单项(索引为1)。删除了"保存"菜单项。

command=hello :点击触发hello()函数操作

6.3  方法展示:insert_separator(index)

from tkinter import *

root = Tk()
root.geometry('500x500+400+200')
root.title('胖兔always')

menu = Menu(root)
root.config(menu=menu)

file_menu = Menu(menu)
menu.add_cascade(label="文件", menu=file_menu)
file_menu.add_command(label="打开")
file_menu.add_command(label="保存")

# 在第二个菜单项后插入一个分隔线
file_menu.insert_separator(2)

file_menu.add_command(label="关闭")

root.mainloop()

 insert_separator(index)方法用于在菜单中的指定索引位置插入一个分隔线

7、Canvas 绘画

基本属性

参数注释
bgCanvas的背景颜色
widthCanvas的宽度
heightCanvas的高度

7.1  方法展示:create_line(),create_restangle(),create_oval(),create_text(),create_image()

方法注释
create_line(x1, y1, x2, y2, options)在Canvas上创建一条直线。
create_rectangle(x1, y1, x2, y2, options)在Canvas上创建一个矩形。
create_oval(x1, y1, x2, y2, options)在Canvas上创建一个椭圆。
create_text(x, y, text, options)在Canvas上创建文本。
create_image(x, y, image, options)在Canvas上创建图像。
from tkinter import *

root = Tk()
root.geometry('500x500+400+200')
root.title('胖兔always')

canvas = Canvas(root, bg="#f2e0dc", width=400, height=400)
canvas.pack()

# 创建一条直线
line = canvas.create_line(160, 50, 50, 40, fill="#23407b")

# 创建一个矩形
rectangle = canvas.create_rectangle(80, 100, 250, 200, fill="#aa4926")

# 创建一个椭圆
oval = canvas.create_oval(50, 250, 150, 350, fill="#578933")

# 创建文本
text = canvas.create_text(200, 280, text="Hello World!", fill="#813f09")

# 创建图像
image = PhotoImage(file="./Aa_图片素材库/PNG50534.png")
image = image.subsample(4)  # 缩小为原来的1/4

canvas.create_image(340, 300, image=image)

root.mainloop()

7.2  方法展示:delete(),move(),itemconfig()

方法注释
delete(item)删除Canvas上的指定项
move(item,dx,dy)移动Canvas上的指定项
itemconfig(item,**options)配置Canvas上的指定项
from tkinter import *

root = Tk()
root.geometry('500x500+400+200')
root.title('胖兔always')

canvas = Canvas(root, bg="#f2e0dc", width=400, height=400)
canvas.pack()

# 创建一个矩形
rectangle = canvas.create_rectangle(50, 30, 220, 150, fill="#aa4926")
# 创建文本
text = canvas.create_text(140, 200, text="Hello World!", fill="#813f09")

# 修改矩形的属性
canvas.itemconfig(rectangle, fill="red", outline="black", width=2)
# 移动图形
canvas.move(rectangle, 50, 50)
# 删除文本
canvas.delete(text)

root.mainloop()

.itemconfig(...) :将底色改为red,边框颜色改为black,宽度为2

.move(...) :将图形移动到 50,50 位置

.delete(...) :将text文字删除

8、Messagebox 弹窗

基本属性

方法注释
messagebox.showinfo()显示一个信息框
messagebox.showwarning()显示一个警告框
messagebox.showerror()显示一个错误框
messagebox.askquestion()显示一个询问框

8.1  基本应用 

from tkinter import *
from tkinter import messagebox

root = Tk()
root.geometry('500x500+400+200')
root.title('胖兔always')

# 显示信息框
messagebox.showinfo("信息框", "这是一个信息框")

# 显示警告框
messagebox.showwarning("警告框", "这是一个警告框")

# 显示错误框
messagebox.showerror("错误框", "这是一个错误框")

# 显示询问框
response = messagebox.askquestion("询问框", "是否要继续?")
if response == 'yes':
    print("用户想要继续。")
else:
    print("用户不想继续。")

root.mainloop()

 messagebox是Tkinter库中用于显示消息框的模块,可以方便地创建各种类型的消息框,如提示框、警告框、错误框等

9、布局管理器

在Tkinter中,布局是指如何在窗口中安排和组织各个部件(如按钮、标签、文本框等)以及它们之间的空间关系。Tkinter提供了几种布局管理器来帮助您实现不同的布局效果,其中最常用的是packgridplace布局管理器。

9.1  Pack布局

Pack布局管理器是Tkinter中最简单的布局管理器,它按照添加部件的顺序自动排列部件。您可以使用pack()方法将部件添加到窗口,并可以通过指定side参数来控制部件的排列方向(TOPBOTTOMLEFTRIGHT)。

from tkinter import *

root = Tk()
root.geometry('500x500+400+200')
root.title('胖兔always')

btn1 = Button(root, text="按钮 1")
btn2 = Button(root, text="按钮 2")

btn1.pack(side="top")
btn2.pack(side="left")

root.mainloop()

 pack布局如果不设置参数,它将按照添加部件的顺序自动排序

9.2 Grid布局

Grid布局管理器允许您将部件放置在一个二维表格中,通过指定rowcolumn参数来控制部件的位置。您还可以使用sticky参数来指定部件在单元格中的对齐方式。

from tkinter import *

root = Tk()
root.geometry('500x500+400+200')
root.title('胖兔always')

btn1 = Button(root, text="Button 1")
btn2 = Button(root, text="Button 2")
btn3 = Button(root, text="Button 3")

btn1.grid(row=0, column=0, sticky="nsew")
btn2.grid(row=1, column=0, sticky="nsew")
btn3.grid(row=2, column=1, sticky="nsew")
# 注: 对其方式有N:上对齐(北), S:下对齐(南), E:右对齐(东), W:左对齐(西), NW:左上对齐(西北), NE:右上对齐(东北), SW:左下对齐(西南), SE:右下对齐(东南)
# 如果您想要部件在单元格中居中对齐,可以使用sticky="NSEW"
root.mainloop()

 sticky可以不设置参数

# 注: 对其方式有N:上对齐(北), S:下对齐(南), E:右对齐(东), W:左对齐(西), NW:左上对齐(西北), NE:右上对齐(东北), SW:左下对齐(西南), SE:右下对齐(东南)
# 如果您想要部件在单元格中居中对齐,可以使用sticky="NSEW"

9.3  Place布局

Place布局管理器允许您精确地指定部件的位置和大小。通过指定xy坐标和widthheight参数,您可以将部件放置在窗口的指定位置。

from tkinter import *

root = Tk()
root.geometry('500x500+400+200')
root.title('胖兔always')

btn1 = Button(root, text="Button 1")
btn2 = Button(root, text="Button 2")

btn1.place(x=10, y=10)
btn2.place(x=50, y=50)

root.mainloop()

布局轴向

总结 

到此这篇关于python中Tkinter详细基础教学的文章就介绍到这了,更多相关python Tkinter基础教学内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文