python3GUI編程 grid布局

python3 GUI編程 本文說明：

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

一、grid布局詳解 1. 概述

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

2. 代碼布局方式

import tkinter as tkroot = 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方法進行布局操作，否則不可見

布局之Frame Frame是一個容器，建立一個frame