Tkinter 布局管理器（二）：grid

你的名字 2022-04-03 01:52 230阅读 0赞

# Tkinter 布局管理器之grid #

pack、grid 和 place 均用于管理同在一个父组件下的所有组件的布局，其中：

*  pack 是按添加顺序排列组件
 *  grid 是按行/列形式排列组件
 *  place 则允许程序员指定组件的大小和位置

## **何时使用 grid 管理器？** ##

grid 管理器可以说是 Tkinter 这三个布局管理器中最灵活多变的。如果你只希望学习使用一个布局管理器，那么 grid 绝对是首选。当你在设计对话框的时候，使用 gird 尤其便捷。如果你此前一直在用 pack 构造窗口布局，那么学习完 grid 你会悔恨当初为啥不早学它。使用一个 grid 就可以简单的实现你用很多个框架和 pack 搭建起来的效果。

注意：不要在同一个父组件中混合使用 pack 和 grid，因为 Tkinter 会很认真地在那儿计算到底先使用那个布局管理器......以至于你等了半个小时，Tkinter 还在那儿纠结不出结果！

## **用法** ##

使用 grid 排列组件，只需告诉它你想要将组件放置的位置（行/列，row 选项指定行，cloumn 选项指定列）。此外，你并不用提前指出网格（grid 分布给组件的位置称为网格）的尺寸，因为管理器会自动计算。

import tkinter as tk
     
    root = tk.Tk()
    
    # column 默认值是 0
    tk.Label(root, text="用户名").grid(row=0)
    tk.Label(root, text="密码").grid(row=1)
    
    tk.Entry(root).grid(row=0, column=1)
    tk.Entry(root, show="*").grid(row=1, column=1)
     
    root.mainloop()

![2018122015330261.png][]

默认情况下组件会居中显示在对应的网格里，你可以使用 sticky 选项来修改这一特性。该选项可以使用的值有 "e"，"w"，"s"，"n"（ewsn 分别表示东西南北，即上北下南左西右东）以及它们的组合。因此，我们可以通过 sticky = "w" 使得 Label 左对齐：

tk.Label(root, text="用户名").grid(row=0, sticky="w")
    tk.Label(root, text="密码").grid(row=1, sticky="w")

![20181220153400377.png][]

有时候你可能需要用几个网格来放置一个组件，可以做到吗？当然可以，你只需要**指定 rowspan 和 columnspan 就可以实现跨行和跨列的功能：**

import tkinter as tk
     
    root = tk.Tk()
    
    # column 默认值是 0
    tk.Label(root, text="用户名").grid(row=0, sticky="w")
    tk.Label(root, text="密码").grid(row=1, sticky="w")
    
    tk.Entry(root).grid(row=0, column=1)
    tk.Entry(root, show="*").grid(row=1, column=1)
    
    photo = tk.PhotoImage(file="logo.gif")
    tk.Label(root, image=photo).grid(row=0, column=2, rowspan=2, padx=5, pady=5) #rowspan=2 跨两行
    
    tk.Button(text="提交", width=10).grid(row=2, columnspan=3, pady=5) #columnspan=3 跨三列
     
    root.mainloop()

![20181220153816914.png][]

## **方法** ##

注：下边所有方法适用于所有组件

**grid(\*\*options)**  
\-- 下方表格详细列举了各个选项的具体含义和用法：

<table> 
 <tbody> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;"><strong>选项</strong></td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;"><strong>含义</strong></td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">column</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">1. 指定组件插入的列（0 表示第 1 列）<br> 2. 默认值是 0</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">columnspan</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">指定用多少列（跨列）显示该组件</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">in_</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">1. 将该组件放到该选项指定的组件中<br> 2. 指定的组件必须是该组件的父组件</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">ipadx</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">指定水平方向上的内边距</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">ipady</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">指定垂直方向上的内边距</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">padx</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">指定水平方向上的外边距</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">pady</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">指定垂直方向上的外边距</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">row</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">指定组件插入的行（0 表示第 1 行）</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">rowspan</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">指定用多少行（跨行）显示该组件</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">sticky</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">1. 控制组件在 grid 分配的空间中的位置<br> 2. 可以使用 "n", "e", "s", "w" 以及它们的组合来定位（ewsn代表东西南北，上北下南左西右东）<br> 3. 使用加号（+）表示拉长填充，例如 "n" + "s" 表示将组件垂直拉长填充网格，"n" + "s" + "w" + "e" 表示填充整个网格<br> 4. 不指定该值则居中显示</td> 
  </tr> 
 </tbody> 
</table>

**grid\_bbox(column=None, row=None, col2=None, row2=None)**  
\-- 返回一个 4 元组描述该组件所在的限定矩形-- 如果指定 column 和 cow 参数，则返回该位置（column, cow）的组件的限定矩形描述  
\-- 如果指定 4 个参数，则返回从（column, cow）到（col2, row2）所有组件的限定矩形描述  
\-- 例如 grid\_bbox(0, 0, 1, 1) 返回的是 4 个组件所在的限定矩形

**grid\_columnconfigure(index, \*\*options)**  
\-- 设置列的属性  
\-- 注意：设置的是该组件所拥有的 grid 的列  
\-- 可以设置的选项及含义如下：

**grid\_configure(\*\*options)**  
\-- 跟 grid() 一样

**grid\_forget()**  
\-- 将组件从屏幕中“删除”  
\-- 并没有销毁该组件，只是看不到了  
\-- 可以通过 grid 或其他布局管理器显示已“删除”的组件，但该组件所在网格的选项设置不会恢复  
  
**grid\_info()**  
\-- 以字典的形式返回当前 grid 的选项  
  
**grid\_location(x, y)**  
\-- 返回位于（或接近）给定坐标（x, y）的网格位置  
\-- 返回值是一个 2 元组表示网格对应的（列，行）  
  
**grid\_propagate(flag)**  
\-- 如果开启，父组件会自动调节尺寸以容纳所有子组件  
\-- 默认值是开启（flag = True）  
\-- 该方法仅适用于父组件  
  
**grid\_remove()**  
\-- 跟 grid\_forget() 一样，但恢复的时候会记住该组件所在网格的选项设置  
  
**grid\_rowconfigure(index, \*\*options)**  
\-- 设置行的属性  
\-- 注意：设置的是该组件所拥有的 grid 的行  
\-- 可以设置的选项及含义如下：

**grid\_size()**  
\-- 返回该组件所拥有的 grid 的尺寸  
\-- 返回值是一个 2 元组，表示（列, 行）分别的网格数  
  
**grid\_slaves(row=None, column=None)**  
\-- 以列表的形式返回该组件的所有子组件  
\-- 该方法仅适用于父组件

[2018122015330261.png]: /images/20220403/90cdfd45878a40da8ac5dc07d116c72e.png
[20181220153400377.png]: /images/20220403/b3f57c612a0744cc8f30832dc37f16df.png
[20181220153816914.png]: /images/20220403/0425b497566a490f8127bc7ffa4bb531.png