Python|GUI编程中组件的布局
在tkinter里有三种布局管理，分别是pack、grid、和place，这三种方式各有各的好处，需要注意的是这三种布局管理在同一个父容器里面一定不能混用，在一个父容器里选择一种方式便足够了。
下面依次介绍这三种方式吧：
1.pack
pack是三种布局管理中最常用的，ack布局可以指定相对位置,精确的位置会由pack系统自动完成。这也使得pack布局没有另外两种布局方式灵活. 所以 pack 是简单应用的首选布局。
Pack后面主要可以有这些参数：
fill 控件填充方式
ipadx,ipady设置内部间隙
padx,pady设置外部间隙
side 顺次放置控件
先看一下效果
from tkinter import *window = Tk() window.title('pack') window.geometry('380x200') # Label(window,text = '组件1',bg = 'green').pack(fill = Y,side = LEFT) # Label(window,text = '组件2',bg = 'blue').pack(fill = X,side = RIGHT) Label(window,text = '组件2',bg = 'blue').pack() Label(window,text = '组件1',bg = 'green').pack() window.mainloop() |
|---|
图1 默认参数和自己设的参数对比
2.grid
Grid把控件位置作为一个二维表结构来维护,即按照行列的方式排列控件:控件位置由其所在的行号和列号决定. 行号相同而列号不同的几个控件会被彼此上下排列; 列号相同而行号不同的几个控件会被彼此左右排列.
使用Grid布局的过程就是为各个控件指定行号和列号的过程. 不需要为每个格子指定大小, Grid 布局会自动设置一个合适的大小。grid的参数row和column为一个整数，这会自动对齐你的组件。
直接通过代码来看效果吧。
from tkinter import * window = Tk() window.title('grid') window.geometry('380x200') 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() |
|---|
图2 grid布局
3.place
Place 布局管理可以显式的指定控件的绝对位置或相对于其他控件的位置. 要使用 Place 布局,调用相应控件的 place() 方法就可以了。所有tkinter 的标准控件都可以调用 place()。
下面是一个使用 Place 布局的例子: 为 Label 控件设置随机的背景色, 然后计算各个 Label 的背景色的亮度(灰度值), 如果其亮度小于 120, 则将其前景色(文字颜色, fg属性)设置为白色, 否则设为黑色. 这样做是为了避免使背景色和前景色过于接近而导致文字不易阅读。
下面部分是笔者摘取python Tkinter course,笔者将其受用于python2的代码改了一点使其能在python3环境下运行。
网址：https://www.python-course.eu/tkinter_layout_management.php 大家感兴趣可以去深入了解。
import tkinter as tk import randomroot = tk.Tk()root.geometry("300x200")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() |
|---|
图3 place实例
写在最后：
关于一些简单的布局就介绍到这里，笔者写得不是很完善，大家想继续深入学习可以用谷歌浏览器进入上面的网址，但是浏览器翻译的很多不能理解，笔者就是一边用有道词典，一边敲代码，求学之路艰辛呀。