python tkinter 简介

一壶浊酒..

于 2024-09-06 16:30:00 发布

阅读量635

点赞数 12

文章标签： python 开发语言

本文链接：https://blog.csdn.net/qq_40107571/article/details/141941179

版权

python 专栏收录该内容

106 篇文章 4 订阅

订阅专栏

ttk模块是tkinter模块中非常重要的模块，相当于升级版的tkinter模块。

ttk模块包含18个组件，其中12个组件在tkinter模块中已经存在。这12个模块分别为Button（按钮）、Checkbutton（复选框）、Entry（文本框）、Frame（容器）、Label（标签）、LabelFrame（标签容器）、Menu（菜单）、PaneWindow（窗口布局管理）、Radiobutton（单选按钮）、Scale（数值范围）、Spinbox（含选择值的输入框）及Scrollbar（滚动条）组件。而其余6个组件是ttk模块独有的，它们分别是Combobox（组合框）、Notebook（选项卡）、Progressbar（进度条）、Separator（水平线）、Sizegrip（成长箱）和Treeview（目录树）。

from tkinter import *  #导入tkinter模块
win=Tk()  #实例化一个窗口
win.title("这是一个ttk的小demo")  #添加窗口标题

#添加按钮组件，然后设置样式，text :按钮上的文字，font:设置字号，relief  设置边框样式
# bg :设置背景色，pack :包装按钮，目的是让按钮显示在窗口上

btn=Button(win,text='这只是一个按钮',font=12,relief='flat',bg='#00f5ff').pack(pady=20)
# btn=Button(win,text='这只是一个按钮',font=12,relief='flat',bg='#00f5ff')

win.mainloop()  #让程序继续执行，直到窗口被关闭

from tkinter import *
from tkinter.ttk import *
import tkinter
root=Tk()  #创建根窗口
root.title('这是一个ttk的小demo')

style=Style()  #创建Style 对象，便于设置样式
# 设置样式，其四个参数分别为样式添加标签，设置字号，设置组件的边框样式，设置背景色
style.configure('TButton',font=12,relief='flat',background='#00f5ff')
# 添加Button组件，text定义组件上的文字，style为组件引入样式
btn=tkinter.ttk.Button(text='这只是个按钮',style='TButton').pack(pady=20)

root.mainloop()

tkinter窗口设计

tkinter模块的所有组件和ttk模块的组件都被放在tkinter窗口中。

tkinter的核心就是组件，组件可以分为文本类组件、按钮类组件、选择列表组件、容器类组件、会话类组件、菜单类组件、进度条组件

文本类组件

Label:标签组件，用于显示文本，添加提示信息
Entry:单行文本组件，只能添加单行文本，不能换行
Text ：多行文本组件，可以添加多行文本
Spinbox：输入组件。可以输入内容，也可以直接从现有的选项中选择内容
Scale:数字范围组件，为用户拖动滑块选择数值

按钮类组件

Button:按钮组件。通过单击按钮可以执行某些操作
Radiobutton:单选框组件。允许用户在众多选项中选择一个
Checkbutton：复选框组件。允许多选

选择列表类组件

Listbox:列表框组件。将众多选项排列，让用户选择
Scrollbar:滚动条组件，可以绑定其他组件，当其他组件内容溢出显示滚动条
OptionMenu:下拉列表
Combobox:组合框

容器类组件

Frame:框架组件。将相关组件放在一起，便于管理
LabelFrame:标签框架组件，将相关的组件放在一起，并给它们一个特定的名称
Toplevel:顶层窗口。重新打开一个窗口，显示在根窗口的上方
PaneWindow:窗口布局管理
Notebook:选项卡,选择不同的内容

会话类组件

Message:消息框，为用户显示一些短消息
Messagebox:对话框

菜单类组件

Menu:菜单组件
Toolbar:工具栏
Treeview:树菜单

进度条组件

Progressbar ：添加进度条

组件的公共属性

虽然每个组件都有各自的属性，但有些属性是通用。

fg:组件文字的颜色
bg:组件的背景色
font:文字的样式
#relief:组件的边框样式
cursor:鼠标悬停在组件上时候的样式

组件的公共方法

config():为组件配置参数

keys() :获取组件的所有参数，并返回一个列表

from tkinter import *

win=Tk()  #通过Tk()方法实例化一个根窗口
# 设置窗口属性  创建一个窗口之后，可以通过一系列的方法设置窗口样式，包括窗口大小、背景等

"""
title() 设置窗口的标题
geometry(),设置窗口的大小和位置
maxsize() 设置窗口的最大尺寸
minsize() 设置窗口的最小尺寸
configure(bg=color) 设置背景色

iconbitmap() 设置窗口的默认图标

"""

win.title('tkinter的初级使用')  #添加窗口标题
scrw=win.winfo_screenwidth()  #获取屏幕宽度
scrh=win.winfo_screenheight() #获取屏幕高度
winw=300  #窗口宽
winh=220
x=int((scrw-winw)/2)
y=int((scrh-winh)/2)
win.geometry("{}x{}+{}+{}".format(winw,winh,x,y)) #设置窗口的大小和位置
win.configure(bg='red') #设置窗口的背景色

#anchor 属性是调整文字在组件中的位置，nw 左上角  padx  文字与组件边缘的间距
txt=Label(win,text='\n i love you ',fg='red',bg='#C3DEEF',width=20,height=3,anchor='nw').pack()  #在窗口中添加一行文字
# txt=Label(win,text='\n i love you ',fg='red',bg='#C3DEEF',width=20,height=3,padx=20,pady=10).pack()  #在窗口中添加一行文字

h=Label(win,text='我爱你')
h.config(bg='red')
print(h.keys())
h.pack()
win.mainloop()  #等待与处理窗口事件   mainloop()方法让程序循环执行，并且等待与处理事件。mainloop()方法负责监听各个组件，当组件发生变化，或者触发事件，立即更新窗口

tkinter 布局管理

pack()方法

side 参数用于设置组件的水平展示或者垂直展示

from tkinter import *
win=Tk()

"""
side：该参数用于设置组件水平展示或者垂直展示，主要有4个属性值。
➢ top：指组件从上到下依次排列，这是side参数的默认值。
➢ bottom：指组件从下到上依次排列。
➢ left：指组件从左到右依次排列。
➢ right：指组件从右到左依次排列。
"""
txt1='第一行文字'
txt2='第二行文字'
txt3='第三行文字'
txt4='第四行文字'
txt5='第五行文字'
txt6='第六行文字'

Label(win,text=txt1,bg='yellow').pack(side='left')
Label(win,text=txt2,bg='#EDB584').pack(side='top')
Label(win,text=txt3,bg='#EF994C').pack(side='left')
Label(win,text=txt4,bg='#EF999C').pack(side='top')
Label(win,text=txt5,bg='#EF989C').pack(side='left')
Label(win,text=txt6,bg='#EF979C').pack(side='left')

win.mainloop()

padx和pady 设置组件边界距离父容器边界的距离，单位为像素

ipadx和ipady：设置组件内文字距离组件边界的距离，单位为像素

from tkinter import *
win=Tk()

txt1='第一行文字'
txt2='第二行文字'
txt3='第三行文字'

# padx和pady：设置组件边界距离父容器边界的距离，单位为像素
# ipadx和ipady：设置组件内文字距离组件边界的距离，单位为像素

Label(win,text=txt1,bg='yellow').pack(side='left',padx=20,pady=50,ipadx=0,ipady=0)
Label(win,text=txt2,bg='#EDB584').pack(side='top',padx=0,pady=50,ipadx=0,ipady=0)
Label(win,text=txt3,bg='#EF994C').pack(side='left',padx=0,pady=5,ipadx=0,ipady=0)

win.mainloop()

from tkinter import *
win=Tk()

txt1='第一行文字'
txt2='第二行文字'
txt3='第三行文字'

# padx和pady：设置组件边界距离父容器边界的距离，单位为像素
# ipadx和ipady：设置组件内文字距离组件边界的距离，单位为像素

Label(win,text=txt1,bg='yellow').pack(side='left',padx=10,pady=5,ipadx=6,ipady=4)
Label(win,text=txt2,bg='#EDB584').pack(side='left',padx=50,pady=5,ipadx=6,ipady=4)
Label(win,text=txt3,bg='#EF994C').pack(side='left',padx=10,pady=5,ipadx=6,ipady=4)

win.mainloop()

grid()方法

grid()类似与Excel表格中的网格布局

from tkinter import *
win=Tk()

#☑ row，column：定义组件所在的行和列。
# 这是grid()网格布局方法中比较重要的两个参数，如果省略，则使用默认值“row=0，column=0”,而单元格的大小取决于最大的组件的宽度。

Label(win,text='1*1=1',bg='yellow').grid(row=0,column=0,padx=10)
Label(win,text='1*2=2',bg='yellow').grid(row=1,column=0,padx=10)
Label(win,text='1*3=4',bg='yellow').grid(row=2,column=0,padx=10)
Label(win,text='1*4=4',bg='yellow').grid(row=3,column=0,padx=10)

Label(win,text='2*2=4',bg='yellow').grid(row=1,column=1,padx=10)
Label(win,text='2*3=6',bg='yellow').grid(row=2,column=1,padx=10)
Label(win,text='2*4=8',bg='yellow').grid(row=3,column=1,padx=10)

# rowconfigure()方法和columnconfigure()方法改变某行或某列组件所占空间随窗口缩放的比例
win.rowconfigure(0,weight=1) #设置第一行的组件缩放比例为1
win.columnconfigure(1,weight=1) #设置第二行的组件缩放比例为1

win.mainloop()

place()方法

place()方法可以设置组件的大小及组件在容器中的精确位置

place()方法可以使用两种方式来设置组件的大小及位置，第一种是通过参数x、y、width和height设置组件的大小和位置；第二种是通过参数relx、rely、relwidth和relheight设置组件的大小和位置

from tkinter import *
win=Tk()

"""
place()方法可以使用两种方式来设置组件的大小及位置，第一种是通过参数x、y、width和height设置组件的大小和位置；
第二种是通过参数relx、rely、relwidth和relheight设置组件的大小和位置
"""
win.title('华容道')
win.geometry('240x300')
txt1 =Label(win,text='赵云',bg='#93edd4',relief='groove',font=14)
txt2 =Label(win,text='曹操',bg='#93edd4',relief='groove',font=14)
txt3 =Label(win,text='黄忠',bg='#93edd4',relief='groove',font=14)
txt4=Label(win,text='张飞',bg='#93edd4',relief='groove',font=14)
txt5=Label(win,text='关羽',bg='#93edd4',relief='groove',font=14)
txt6=Label(win,text='马超',bg='#93edd4',relief='groove',font=14)
txt7=Label(win,text='卒',bg='#93edd4',relief='groove',font=14)
txt8=Label(win,text='卒',bg='#93edd4',relief='groove',font=14)
txt9=Label(win,text='卒',bg='#93edd4',relief='groove',font=14)
txt0=Label(win,text='卒',bg='#93edd4',relief='groove',font=14)

# # windth 为组件宽度，height为组件高度，x，y为组件左上角坐标
# txt1.place(width=60,height=120,x=0,y=0)
# txt2.place(width=120,height=120,x=60,y=0)
# txt3.place(width=60,height=120,x=180,y=0)
# txt4.place(width=60,height=120,x=0,y=120)
# txt5.place(width=120,height=60,x=60,y=120)
# txt6.place(width=60,height=60,x=180,y=120)
# txt7.place(width=60,height=60,x=60,y=180)
# txt8.place(width=60,height=60,x=120,y=180)
# txt9.place(width=60,height=60,x=0,y=240)
# txt0.place(width=60,height=60,x=180,y=240)

# 布局跟随窗口缩放的华容道游戏窗口
txt1.place(relwidth=0.25,relheight=0.4,relx=0,rely=0)
txt2.place(relwidth=0.5,relheight=0.4,relx=0.25,rely=0)
txt3.place(relwidth=0.25,relheight=0.4,relx=0.75,rely=0)
txt4.place(relwidth=0.25,relheight=0.4,relx=0,rely=0.4)
txt5.place(relwidth=0.5,relheight=0.2,relx=0.25,rely=0.4)
txt6.place(relwidth=0.25,relheight=0.2,relx=0.75,rely=0.4)
txt7.place(relwidth=0.25,relheight=0.2,relx=0.25,rely=0.6)
txt8.place(relwidth=0.25,relheight=0.2,relx=0.5,rely=0.6)
txt9.place(relwidth=0.25,relheight=0.2,relx=0,rely=0.8)
txt0.place(relwidth=0.25,relheight=0.2,relx=0,rely=0.8)

win.mainloop()