python3GUI程式設計 grid布局

本文章內容分兩部分，一、初步解析grid布局，二、gui程式設計常遇到問題的解決方法相信以上兩部分能夠幫助大部分初學者掌握grid布局以及解決部分問題。日後我將根據遇到的問題將此文章將不停地完善。

grid布局是一種將介面描述成乙個類似**的布局，而每乙個控制項所佔的空間均由**中的單元格組成，例如可以合併幾個單元格作為控制項的使用空間。而單元格的寬高則受控件的大小影響，當乙個控制項設定為佔乙個單元格空間，而該控制項的長寬大於單元格預設大小，那麼該單元格的所在的行與列都將自行拉伸，適應控制項的大小。1. 布局

2. **布局方式

import tkinter as tk
root = tk.tk()
label1 = tk.label(root, text = "height:")
label1.grid(row = 0, column = 0)
label2 = tk.label(root, text = "width:")
label2.grid(row = 1, column = 0)
entry1 = tk.entry(root)
entry1.grid(row = 0, column = 1)
entry2 = tk.entry(root)
entry2.grid(row = 1, column = 1)
checkbutton = tk.checkbutton(root, text = "preserve aspect")
checkbutton.grid(row = 2, column = 0, rowspan = 1, columnspan = 2, sticky=tk.w)#sticky設定控制項的對其方位，這裡設定為靠西(左西右東)
img = tk.photoimage(file = "~/image/image_test.png")
imageview = tk.label(root, image= img)
imageview.grid(row = 0, column = 2, rowspan = 2, columnspan = 2)
button1 = tk.button(root, text = "zoom in")
button1.grid(row = 2, column = 2)
button1 = tk.button(root, text = "zoom out")
button1.grid(row = 2, column = 3)
root.mainloop()

3. 效果

我們可以發現，文字框控制項的寬度明顯大於label控制項的寬，但是文字框控制項只佔乙個單元格，所以該單元格所在的列都被拉伸為文字框的寬度。

注意：

控制項必須呼叫grid方法進行布局操作，否則不可見

python3GUI程式設計 grid布局

Python之GUI程式設計

Qt3 gui程式設計

《python核心程式設計》之GUI程式設計（續）

python3GUI程式設計 grid布局

Python之GUI程式設計

Qt3 gui程式設計

《python核心程式設計》之GUI程式設計（續）

相關推薦