tkinter控件的布局方式

在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:\Users\Administrator\Desktop\xingkong.png')
label1=Label(win,image=picture1)
label1.place(x=20,y=30,width=200,height=120)
picture2=PhotoImage(file=r'C:\Users\Administrator\Desktop\user.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:\Users\Administrator\Desktop\xingkong.png")
label1=Label(win,image=picture1)
label1.place(relx=0.1,rely=0.1,relwidth=0.8,relheight=0.8)
win.mainloop()

当前题目:tkinter控件的布局方式
文章位置:http://myzitong.com/article/ihohjj.html