摘要:已獲原作者授權原系列地址簡介本文講述如何使用的布局管理被稱作或有三種布局管理方式注意這三種布局管理在同一個里一定不可以混用布局管理有以下功能將控件放置在屏幕上包括控件的位置及控件的大小將控件注冊到本地窗口系統中管理控件在屏幕上的顯示雖然控件
已獲原作者授權. 原系列地址: Python Tkinter簡介:
本文講述如何使用 tkinter 的布局管理 (被稱作 layout managers 或 geometry managers). tkinter 有三種布局管理方式:
pack
grid
place
注意這三種布局管理在同一個 master window 里一定不可以混用! 布局管理有以下功能:
將控件放置在屏幕上,包括控件的位置及控件的大小
將控件注冊到本地窗口系統中
管理控件在屏幕上的顯示
雖然控件自己也可以指定大小和對齊方式等信息, 但最終的控件大小及位置還是由布局管理決定的.
Pack 布局管理pack 是三種布局管理中最常用的. 另外兩種布局需要精確指定控件具體的顯示位置, 而 pack 布局可以指定相對位置, 精確的位置會由 pack 系統自動完成. 這也使得 pack 布局沒有另外兩種布局方式靈活. 所以 pack 是簡單應用的首選布局, 比如只是想要將控件水平或垂直的逐個放在一起:
from Tkinter import * root = Tk() Label(root, text="Red Sun", bg="red", fg="white").pack() Label(root, text="Green Grass", bg="green", fg="black").pack() Label(root, text="Blue Sky", bg="blue", fg="white").pack() mainloop()
下面將逐一講解 pack 布局的各個屬性.
fill 控件填充方式在上面那個例子里, 我們簡單的將三個 Label 控件 pack 到其父窗口上, 沒有使用任何屬性. 于是 pack 使用了默認方式進行布局: 從上到下順次排放, 并水平居中. 同時我們也發現, pack 默認會將 Label 控件的寬度設置為其中的文字的寬度. 如果我們想讓它們和其父窗口一樣寬, 可以使用 fill=X 屬性:
from Tkinter import * root = Tk() w = Label(root, text="Red Sun", bg="red", fg="white") w.pack(fill=X) w = Label(root, text="Green Grass", bg="green", fg="black") w.pack(fill=X) w = Label(root, text="Blue Sky", bg="blue", fg="white") w.pack(fill=X) mainloop()padding 控件邊距
Pack 可以在四個方面控制控件邊距: 內邊距, 外邊距, 水平邊距, 垂直邊距:
padx - 設置水平方向的外邊距
from Tkinter import * root = Tk() w = Label(root, text="Red Sun", bg="red", fg="white") w.pack(fill=X,padx=10) w = Label(root, text="Green Grass", bg="green", fg="black") w.pack(fill=X,padx=10) w = Label(root, text="Blue Sky", bg="blue", fg="white") w.pack(fill=X,padx=10) mainloop()
pady - 設置豎直方向的外邊距
from Tkinter import * root = Tk() w = Label(root, text="Red Sun", bg="red", fg="white") w.pack(fill=X,pady=10) w = Label(root, text="Green Grass", bg="green", fg="black") w.pack(fill=X,pady=10) w = Label(root, text="Blue Sky", bg="blue", fg="white") w.pack(fill=X,pady=10) mainloop()
ipadx - 設置水平方向的內邊距
from Tkinter import * root = Tk() w = Label(root, text="Red Sun", bg="red", fg="white") w.pack() w = Label(root, text="Green Grass", bg="green", fg="black") w.pack(ipadx=10) w = Label(root, text="Blue Sky", bg="blue", fg="white") w.pack() mainloop()
ipady - 設置豎直方向的內邊距
from Tkinter import * root = Tk() w = Label(root, text="Red Sun", bg="red", fg="white") w.pack() w = Label(root, text="Green Grass", bg="green", fg="black") w.pack(ipadx=10) w = Label(root, text="Blue Sky", bg="blue", fg="white") w.pack(ipady=10) mainloop()
上述四個屬性的默認值都是 0.
side 順次放置控件我們把上面那幾個 Label 從左到右放在一排:
from Tkinter import * root = Tk() w = Label(root, text="red", bg="red", fg="white") w.pack(padx=5, pady=10, side=LEFT) w = Label(root, text="green", bg="green", fg="black") w.pack(padx=5, pady=20, side=LEFT) w = Label(root, text="blue", bg="blue", fg="white") w.pack(padx=5, pady=20, side=LEFT) mainloop()
如果把上述 side 屬性的值都改為 RIGHT, 那么上面 Label 控件的排列順序就反過來了:
Place 布局管理Place 布局管理可以顯式的指定控件的絕對位置或相對于其他控件的位置. 要使用 Place 布局, 調用相應控件的 place() 方法就可以了. 所有 tkinter 的標準控件都可以調用 place() 方法.
下面是一個使用 Place 布局的例子: 為 Label 控件設置隨機的背景色, 然后計算各個 Label 的背景色的亮度(灰度值), 如果其亮度小于 120, 則將其前景色(文字顏色, fg 屬性)設置為白色, 否則設為黑色. 這樣做是為了避免使背景色和前景色過于接近而導致文字不易閱讀.
import Tkinter as tk import random root = tk.Tk() # width x height + x_offset + y_offset: root.geometry("170x200+30+30") languages = ["Python","Perl","C++","Java","Tcl/Tk"] labels = range(5) for i in range(5): ct = [random.randrange(256) for x in range(3)] brightness = int(round(0.299*ct[0] + 0.587*ct[1] + 0.114*ct[2])) ct_hex = "%02x%02x%02x" % tuple(ct) bg_colour = "#" + "".join(ct_hex) l = tk.Label(root, text=languages[i], fg="White" if brightness < 120 else "Black", bg=bg_colour) l.place(x = 20, y = 30 + i*30, width=120, height=25) root.mainloop()Grid 布局管理
Pack 作為首選的布局管理方式, 其運作方式并不是特別易于理解. 已經由 Pack 布局完成的設計也很難做出改變. Grid 布局在1996年作為另一種可供選擇的布局方式被引入. Grid 布局方式易學易用, 但似乎大家還是習慣用 Pack.
Grid 在很多場景下是最好用的布局方式. 相比而言, Pack 布局在控制細節方面有些力不從心. Place 布局雖然可以完全控制控件位置, 但這也導致使用 Place 會比其他兩種布局方式更加復雜.
Grid 把控件位置作為一個二維表結構來維護, 即按照行列的方式排列控件: 控件位置由其所在的行號和列號決定. 行號相同而列號不同的幾個控件會被彼此上下排列; 列號相同而行號不同的幾個控件會被彼此左右排列.
使用 Grid 布局的過程就是為各個控件指定行號和列號的過程. 不需要為每個格子指定大小, Grid 布局會自動設置一個合適的大小.
下面還是舉個栗子吧:
from Tkinter import * colours = ["red","green","orange","white","yellow","blue"] r = 0 for c in colours: Label(text=c, relief=RIDGE,width=15).grid(row=r,column=0) Entry(bg=c, relief=SUNKEN,width=10).grid(row=r,column=1) r = r + 1 mainloop()
全系列:
[譯][Tkinter 教程01] 入門: Label 控件
[譯][Tkinter 教程02] Message 控件
[譯][Tkinter 教程03] Button 控件
[譯][Tkinter 教程04] Variable 類
[譯][Tinkter 教程05] Radiobutton 控件
[譯][Tkinter 教程06] Checkbox 控件
[譯][Tkinter 教程07] Entry 控件
[譯][Tkinter 教程08] Canvas 圖形繪制
[譯][Tkinter 教程09] Scale 控件
[譯][Tkinter 教程10] Text 控件
[譯][Tkinter 教程11] 對話框和消息框
[譯][Tkinter 教程12] 布局管理 (Pack Place Grid)
[譯][Tkinter 教程13] Mastermind 游戲
[譯][Tkinter 教程14] menu 菜單
[譯][Tkinter 教程15] event 事件綁定
譯者水平有限, 如有疏漏, 歡迎指正.
已獲得原作者授權. 原文地址:
Layout Management
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/41489.html
摘要:已獲原作者授權原系列地址簡介控件允許用戶在多個選項中選擇多項則只允許用戶選擇一項通常會顯示為一個空白的方框表示未被選中或者方框中有一個對號或號表示被選中一個對該選項的簡短描述會和選擇框一同顯示的狀態會因點擊而改變這個點擊可能來自鼠標也可能來 已獲原作者授權. 原系列地址: Python Tkinter 簡介 Checkbox 控件允許用戶在多個選項中選擇多項. Radiobutton...
摘要:已獲原作者授權原系列地址簡介是用來接收字符串等輸入的控件該控件允許用戶輸入一行文字如果用戶輸入的文字長度長于控件的寬度時文字會向后滾動這種情況下所輸入的字符串無法全部顯示點擊箭頭符號可以將不可見的文字部分移入可見區域如果你想要輸入多行文本就 已獲原作者授權. 原系列地址: Python Tkinter 簡介 Entry 是 Tkinter 用來接收字符串等輸入的控件. 該控件允許用戶...
摘要:已獲原作者授權原系列地址簡介控件是一種標準控件用來展現不同樣式的按鈕控件被用以和用戶交互比如按鈕被鼠標點擊后某種操作被啟動和控件類似按鈕可以展示圖片或者文字不同的是控件可以指定字體控件只能使用單一的字體上的文字可以多行顯示可以將一個函數或方 已獲原作者授權. 原系列地址: Python Tkinter 簡介 Button 控件是一種標準 Tkinter 控件, 用來展現不同樣式的按鈕...
摘要:已獲原作者授權原系列地址單選按鈕是一種可在多個預先定義的選項中選擇出一項的控件單選按鈕可顯示文字或圖片顯示文字時只能使用預設字體該控件可以綁定一個函數或方法當單選按鈕被選擇時該函數或方法將被調用單選按鈕這個名字來源于收音機上的調頻按鈕這些按 已獲原作者授權. 原系列地址: Python Tkinter Radio Buttons 單選按鈕是一種可在多個預先定義的選項中選擇出一項的 T...
摘要:已獲原作者授權原系列地址簡介中的控件是一種可供用戶通過拖動指示器改變變量值的控件這種控件可以水平放置也可以豎直放置可以在用戶界面中放置一個控件用戶通過拖動該控件就可以在某個取值范圍內選擇一個合適的值控件可以設置最大最小值以確定取值范圍我們也 已獲原作者授權. 原系列地址: Python Tkinter 簡介 Tkinter 中的 Scale 控件是一種可供用戶通過拖動指示器改變變量值...
閱讀 701·2021-11-18 10:02
閱讀 2235·2021-11-15 18:13
閱讀 3139·2021-11-15 11:38
閱讀 2934·2021-09-22 15:55
閱讀 3666·2021-08-09 13:43
閱讀 2438·2021-07-25 14:19
閱讀 2449·2019-08-30 14:15
閱讀 3441·2019-08-30 14:15