Python GUI之tkinter布局管理__Python

Python3 tkinter系列

一、概述
二、布局管理
三、常用組件
四、實戰（一）
五、實戰（二）

所謂布局，就是指控制表單容器中各個控制項（組件）的位置關係。tkinter 共有三種幾何布局管理器，分別是：pack布局，grid布局，place布局。

pack布局
使用 pack布局，將向容器中添加組件，第一個添加的組件在最上方，然後是依次向下添加。

from tkinter import *root = Tk()#建立三個 Label 分別添加到root表單中 #Label是一種用來顯示文字或者圖片的組件Label(root,text = 'pack1',bg = 'red').pack() Label(root, text = 'pack2', bg = 'blue').pack() Label(root, text = 'pack3', bg = 'green').pack() root.mainloop()

如圖：
pack常用屬性

屬性名稱	屬性簡析	取值	取值說明
fill	設定組件是否向水平或垂直方向填充	X、Y、BOTH 和NONE	fill = X（水平方向填充）fill = Y（垂直方向填充）fill = BOTH（水平和垂直）NONE 不填充
expand	設定組件是否展開，當值為YES時，side選項無效。組件顯示在父容器中心位置；若fill選項為BOTH,則填充父組件的剩餘空間。預設為不展開	YES 、NO（1、0）	expand=YES expand=NO
side	設定組件的對齊	LEFT、TOP、RIGHT、BOTTOM	值為左、上、右、下
ipadx、ipady	設定x方向（或者y方向）內部間隙（子組件之間的間隔）	可設定數值，預設是0	非負整數，單位為像素
padx、pady	設定x方向（或者y方向）外部間隙（與之並列的組件之間的間隔）	可設定數值，預設是0	非負整數，單位為像素
anchor	錨選項，當可用空間大於所需求的尺寸時，決定組件被放置於容器的何處	N、E、S、W、NW、NE、SW、SE、CENTER（預設值為CENTER）	表示八個方向以及中心

注意：上表中取值都是常量，YES等價於”yes”，亦可以直接傳入字串值。另外當介面複雜度增加時，要實現某種布局效果，需要分層來實現。

from tkinter import *    #注意模組匯入方式，否則代碼會有差別class App:    def __init__(self, master):        #使用Frame增加一層容器        fm1 = Frame(master)        #Button是一種按鈕組件，與Label類似，只是多出了響應點擊的功能        Button(fm1, text='Top').pack(side=TOP, anchor=W, fill=X, expand=YES)        Button(fm1, text='Center').pack(side=TOP, anchor=W, fill=X, expand=YES)        Button(fm1, text='Bottom').pack(side=TOP, anchor=W, fill=X, expand=YES)        fm1.pack(side=LEFT, fill=BOTH, expand=YES)        fm2 = Frame(master)        Button(fm2, text='Left').pack(side=LEFT)        Button(fm2, text='This is the Center button').pack(side=LEFT)        Button(fm2, text='Right').pack(side=LEFT)                fm2.pack(side=LEFT, padx=10)root = Tk()root.title("Pack - Example")display = App(root)root.mainloop()

如上，建立一個Frame容器fm1，將三個垂直排列的Button組件使用pack布局放入fm1容器中，然後建立fm2容器，同樣將三個水平排列的Button組件放入，最後將兩個Frame容器當做組件，使用pack布局放入根表單容器中。如此分層布局，實現了相對複雜一些的介面需求。

pack類提供了下列函數（使用組件執行個體對象調用）：

函數名	描述
pack_slaves()	以列表方式返回本組件的所有子組件對象。
pack_configure(option=value)	給pack布局管理器設定屬性，使用屬性（option）= 取值（value）方式設定
propagate(boolean)	設定為True表示父組件的幾何大小由子組件決定（預設值），反之則無關。
pack_info()	返回pack提供的選項所對應得值。
pack_forget()	Unpack組件，將組件隱藏並且忽略原有設定，對象依舊存在，可以用pack(option, …)，將其顯示。
location(x, y)	x, y為以像素為單位的點，函數返回此點是否在儲存格中，在哪個儲存格中。返回儲存格行列座標，(-1, -1)表示不在其中
size()	返回組件所包含的儲存格，揭示組件大小。

grid布局
grid布局又被稱作網格布局，是最被推薦使用的布局。程式大多數都是矩形的介面，我們可以很容易把它劃分為一個幾行幾列的網格，然後根據行號和列號，將組件放置於網格之中。使用grid 布局時，需要在裡面指定兩個參數，分別用row 表示行，column 表示列。需要注意的是 row 和 column 的序號都從0 開始。

如下圖，假設將介面分成網格。
grid屬性設定

屬性名稱	屬性簡析	取值	取值說明
row、column	row為行號，column為列號，設定將組件放置於第幾行第幾列	取值為行、列的序號，不是行數與列數	row 和 column 的序號都從0 開始
sticky	設定組件在網格中的對齊	N、E、S、W、NW、NE、SW、SE、CENTER	類似於pack布局中的錨選項
rowspan	組件所跨越的行數	跨越的行數	取值為跨越佔用的行數，而不是序號
columnspan	組件所跨越的列數	跨越的列數	取值為跨越佔用的列數，而不是序號
ipadx、ipady、padx、pady	組件的內部、外部間隔距離，與pack的該屬性用法相同	同pack	同pack

grid類提供了下列函數（使用組件執行個體對象調用）：

函數名	描述
grid_slaves()	以列表方式返回本組件的所有子組件對象。
grid_configure(option=value)	給pack布局管理器設定屬性，使用屬性（option）= 取值（value）方式設定
grid_propagate(boolean)	設定為True表示父組件的幾何大小由子組件決定（預設值），反之則無關。
grid_info()	返回pack提供的選項所對應得值。
grid_forget()	Unpack組件，將組件隱藏並且忽略原有設定，對象依舊存在，可以用pack(option, …)，將其顯示。
grid_location(x, y)	x, y為以像素為單位的點，函數返回此點是否在儲存格中，在哪個儲存格中。返回儲存格行列座標，(-1, -1)表示不在其中
size()	返回組件所包含的儲存格，揭示組件大小。

place布局。
最簡單最靈活的一種布局，使用組件座標來放置組件的位置。但是不太推薦使用，在不同解析度下，介面往往有較大差異。 place屬性設定

屬性名稱	屬性簡析	取值	取值說明
anchor	錨選項，同pack布局	預設值為 NW	同pack布局
x、y	組件左上方的x、y座標	整數，預設值0	絕對位置座標，單位像素
relx、rely	組件相對於父容器的x、y座標	0~1之間浮點數	相對位置，0.0表示左邊緣（或上邊緣），1.0表示右邊緣（或下邊緣）
width、height	組件的寬度、高度	非負整數	單位像素
relwidth、relheight	組件相對於父容器的寬度、高度	0~1之間浮點數	與relx（rely）取值相似
bordermode	如果設定為INSIDE，組件內部的大小和位置是相對的，不包括邊框；如果是OUTSIDE，組件的外部大小是相對的，包括邊框	INSIDE、OUTSIDE(預設值INSIDE)	可以使用常量INSIDE、OUTSIDE，也可以使用字串形式”inside”、”outside”

place類提供了下列函數（使用組件執行個體對象調用）：

函數名	描述
place_slaves()	以列表方式返回本組件的所有子組件對象。
place_configure(option=value)	給pack布局管理器設定屬性，使用屬性（option）= 取值（value）方式設定
propagate(boolean)	設定為True表示父組件的幾何大小由子組件決定（預設值），反之則無關。
place_info()	返回pack提供的選項所對應得值。
grid_forget()	Unpack組件，將組件隱藏並且忽略原有設定，對象依舊存在，可以用pack(option, …)，將其顯示。
location(x, y)	x, y為以像素為單位的點，函數返回此點是否在儲存格中，在哪個儲存格中。返回儲存格行列座標，(-1, -1)表示不在其中
size()	返回組件所包含的儲存格，揭示組件大小。