tkinter控件的布局方式

Posted 2020-11-30

在tkinter中控件布局的方法主要有三种：

（1）pack布局

（2）grid布局

（3）place布局

pack布局采用块的方式组织控件，pack(options,......),options参数可以选择：side、fill、padx/pady、anchor等。
21-设置三个标签，使用pack方法布局。

from tkinter import *
win=Tk()
label1=Label(win,text="擎天柱" ,bg="blue")
label2=Label(win,text="大黄蜂",bg="yellow")
label3=Label(win,text="救护车",bg="red")
label1.pack()
label2.pack()
label3.pack()
win.mainloop()

pack布局默认将所涉及到的标签从上到下依次排列。要想改变标签的位置，可以使用side参数。
22-使用side参数重新布局三个标签。

from tkinter import *
win=Tk()
label1=Label(win,text="擎天柱",bg="blue")
label2=Label(win,text="大黄蜂",bg="yellow")
label3=Label(win,text="救护车",bg="red")
label1.pack(side=LEFT)
label2.pack(side=LEFT)
label3.pack(side=LEFT)
win.mainloop()

此时三个标签会呈现水平排列，除了LEFT（从左往右排列），还有TOP(从上往下排列），BOTTOM（从下往上排列），RIGHT（从右往左排列）。在使用pack方法时，可以使用padx/pady设置控件边界与容器边界的距离。
ipadx/ipady用来控制标签文字与标签容器x轴或y轴的距离。

23-在标签大黄蜂上下增加10像素的间距。

from tkinter import *
win=Tk()
label1=Label(win,text="擎天柱",bg="blue")
label2=Label(win,text="大黄蜂",bg="yellow")
label3=Label(win,text="救护车",bg="red")
label1.pack(fill=X)
label2.pack(pady=10)
label3.pack(fill=X)
win.mainloop()

24-让大黄蜂标签x轴的间距是10。

from tkinter import *
win=Tk()
label1=Label(win,text="擎天柱",bg="blue")
label2=Label(win,text="大黄蜂",bg="yellow")
label3=Label(win,text="救护车",bg="red")
label1.pack()
label2.pack(ipadx=10)
label3.pack()
win.mainloop()

25-在窗口左下方建立一个内容为“OK”的标签，标签与窗口左边与下边的距离是10像素。

from tkinter import *
win=Tk()
label=Label(win,text="OK",font="宋体 20 bold",bg="blue",fg="white")
label.pack(anchor=W,side=LEFT,padx=10,pady=10)
win.mainloop()

grid布局：通过类似表格结构组织控件。
grid（options,......)，options参数可以是row、column、padx/pady、rowspan、columnspan、sticky等

26-row与column使用体验。

from tkinter import *
win=Tk()
label1=Label(win,text="擎天柱",bg="blue")
label2=Label(win,text="大黄蜂",bg="yellow")
label3=Label(win,text="救护车",bg="red")
label4=Label(win,text="霸天虎",relief="raised")
label5=Label(win,text="擎天柱",relief="raised")
label6=Label(win,text="大黄蜂",relief="raised")
label7=Label(win,text="救护车",relief="raised")
label8=Label(win,text="霸天虎",relief="raised")
label1.grid(row=0,column=0)
label2.grid(row=0,column=1)
label3.grid(row=0,column=2)
label4.grid(row=0,column=3)
label5.grid(row=1,column=0)
label6.grid(row=1,column=1)
label7.grid(row=1,column=2)
label8.grid(row=1,column=3)
win.mainloop()

27-columnspan的使用

from tkinter import *
win=Tk()
label1=Label(win,text="擎天柱",relief="raised")
label2=Label(win,text="大黄蜂",relief="raised")
label4=Label(win,text="霸天虎",relief="raised")
label5=Label(win,text="擎天柱",relief="raised")
label6=Label(win,text="大黄蜂",relief="raised")
label7=Label(win,text="救护车",relief="raised")
label8=Label(win,text="霸天虎",relief="raised")
label1.grid(row=0,column=0)
label2.grid(row=0,column=1,columnspan=2)
label4.grid(row=0,column=3)
label5.grid(row=1,column=0)
label6.grid(row=1,column=1)
label7.grid(row=1,column=2)
label8.grid(row=1,column=3)
win.mainloop()

columnspan会将标签2、3合并成一个标签。columnspan控制在column方向上合并数量，rowspan表示在row方向上合并的数量。

sticky类似anchor，但是只能设定N/S/W/E，即上/下/左/右

28-sticky的使用

from tkinter import *
win=Tk()
label1=Label(win,text="擎天柱",)
label2=Label(win,bg="green",width=20)
label3=Label(win,text="救护车")
label4=Label(win,bg="blue",width=20)
label1.grid(row=0,column=0,padx=5,pady=5,sticky=W)
label2.grid(row=0,column=1,padx=5,pady=5)
label3.grid(row=1,column=0,padx=5)
label4.grid(row=1,column=1,padx=5)
win.mainloop()

place布局允许指定组件的大小与位置。

29-place布局使用。

from tkinter import *
win=Tk()
label1=Label(win,text="擎天柱",bg="blue")
label2=Label(win,text="大黄蜂",bg="yellow")
label3=Label(win,text="救护车",bg="red")
label1.place(x=0,y=0)
label2.place(x=30,y=50)
label3.place(x=60,y=100)
win.mainloop()

此方法使用x/y参数，x和y参数可以直接设定窗口组件左上方的位置，x是向右递增，y是向下递增。

使用width/height控制控件的实体大小。

30-在窗口设置图片标签位置和大小。

from tkinter import *
win=Tk()
win.geometry(‘800x600‘)
picture1=PhotoImage(file=r‘C:UsersAdministratorDesktopxingkong.png‘)
label1=Label(win,image=picture1)
label1.place(x=20,y=30,width=200,height=120)
picture2=PhotoImage(file=r‘C:UsersAdministratorDesktopuser.png‘)
label2=Label(win,image=picture2)
label2.place(x=200,y=200,width=400,height=240)
win.mainloop()

relx/rely参数设置相对于父窗口的位置，relwidth/relheight参数设置相对大小。

31-relx/rely与relwidth/relheight的应用。

from tkinter import *
win=Tk()
win.geometry(‘600x400‘)
picture1=PhotoImage(file=r"C:UsersAdministratorDesktopxingkong.png")
label1=Label(win,image=picture1)
label1.place(relx=0.1,rely=0.1,relwidth=0.8,relheight=0.8)
win.mainloop()