Skip to main content

Tkinter布局

布局方法说明
pack()按照组件添加到容器的顺序布局。在使用容器(Frame)布局时非常方便,调整窗口大小时布局自动缩放
grid()网格布局,以行、列来对组件进行布局,较为灵活
place()定位布局,指定组件大小和位置,最灵活

在Tkinter中,提供了三种布局方式。pack(打包)、grid(网格布局)、place(定位布局)。

pack() 自动布局

打包器,将组件打包进父组件中。

常用参数说明
anchor指定组件方向,取值 NSEW,北南东西,和他们的组合方位,以及Center
expand如果父组件的大小增加,则展开当前组件
fill是否拉伸组件 NONE(不拉伸) 、X(横向拉伸)、Y(竖向拉伸)、BOTH(都拉伸)
side将组件添加到哪 TOP、 BOTTOM 、 LEFT 、 RIGHT

示例代码:

# 导入tkinter
from tkinter import *
# 导入ttk
from tkinter.ttk import *

# 创建一个窗口
win = Tk()
# 设置标题
win.title("布局器 pack() 演示 ~ Tkinter布局助手")
# 窗口大小设置
win.geometry("500x200")
# 创建一个文本标签
top = Label(win, background="red")
left = Label(win, background="blue")

# 调整这里的顺序试试
left.pack(side=LEFT, fill=BOTH)
top.pack(side=TOP, fill=BOTH)

# 展示窗口
win.mainloop()

grid() 网格布局

place() 绝对定位

三种中最灵活的一种,可以指定大小和绝对位置布局,也可以相对父组件的大小、相对位置布局。

常用参数说明
width组件的宽度 默认单位像素
height组件高度 默认单位像素
x相对父组件的x轴位置 (距顶部的距离) 默认单位像素
y相对父组件的y轴位置 (距左边的距离) 默认单位像素
relwidth组件的宽度 相对于父组件的宽度,取值0-1 为1时与父组件宽度一致
relheight组件的高度 相对于父组件的高度,取值0-1 为1时与父组件高度一致
relx相对父组件的x轴位置 (距顶部的距离) 取值0-1 为1时与父组件宽度一致
rely相对父组件的y轴位置 (距左边边的距离) 取值0-1 为1时与父组件高度一致

示例代码

# 导入tkinter
from tkinter import *
# 导入ttk
from tkinter.ttk import *

# 创建一个窗口
win = Tk()
# 设置标题
win.title("布局器 place() 演示 ~ Tkinter布局助手")
# 窗口大小设置
win.geometry("500x200")

btn = Button(win, text="相对大小 大小位置可随窗口大小变化")
btn.place(relheight=0.2, relwidth=0.5, relx=0.2, rely=0.3)

btn2 = Button(win, text="按钮")
btn2.place(height=50, width=80, x=10, y=20)

# 展示窗口
win.mainloop()