tkinter控件的布局方式
admin
2023-06-30 10:03:41
0

在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()

相关内容

热门资讯

一颗流星在美国马萨诸塞州上空爆... 当地时间5月30日,一颗流星在美国东北部马萨诸塞州近海上空爆炸,并引发巨响。该州多地居民均听到爆炸声...
鸿蒙智家框架合作协议签约仪式在... 5月29日,鲁班兄弟装饰工程有限公司与华为终端有限公司在华为云南区域总部举行鸿蒙智家框架合作协议签约...
中国科学院工程热物理所在超临界... 以超临界二氧化碳(S-CO₂)为代表的新型超临界流体正以其独特优势,在制冷、发电、储能等领域拓展应用...
5月31日,“蓝月亮”上线 5月31日,农历四月十五,一轮满月将现身夜空。这轮满月有些特别,它是本月第二次满月,同时它又是本年度...
原创 华... 华为在6月份的新品越来越丰富,比如智能手机、智能手表、耳夹式耳机、新一代全屋智能等,覆盖到多场景。其...
伊朗称对霍尔木兹海峡航运实施全... 据伊朗方面当地时间5月30日消息,伊朗武装部队哈塔姆安比亚中央总部说,伊朗对霍尔木兹海峡航运实施全面...
13人遇难“致命黑车”调查:座... 5月28日凌晨,一辆载满河南邓州周边等地乘客的大通客车,从浙江杭州出发赶回邓州,经过G40沪陕高速河...
多地职校招生报名火爆 作者 | 第一财经 林靖职业教育正在成为越来越多人的“主动选择”,中职赛道不再是备选项。近日,北京中...
初一男生校门口遭群殴或失聪,教... 哥哥同学辱骂母亲,辽宁鞍山13岁少年在学校门口维护哥哥与人发生争执,随后数名同龄少年一拥而上对其实施...
演唱会大量邀请票被当众焚毁,警... 极目新闻记者 杜光然5月29日,网友发帖称,有人当众焚烧大量演唱会邀请票,视频定位于温岭市体育中心。...