前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Tkinter grid布局

Tkinter grid布局

作者头像
用户2936342
发布2018-08-27 14:19:49
5360
发布2018-08-27 14:19:49
举报
文章被收录于专栏:nummy

Tkinter参考中最推荐使用的一个布局器。实现机制是将Widget逻辑上分割成表格,在指定的位置放置想要的Widget就可以了。

示例1

代码语言:javascript
复制
from tkinter import *
root = Tk()
# 创建两个Label
lb1 = Label(root,text = 'Hello')
lb2 = Label(root,text = 'Grid')
lb1.grid()
lb2.grid()
root.mainloop()

结果如下所示:

image.png

grid有两个最为重要的参数,用来指定将组件放置到什么位置,一个是row,另一个是column。如果不指定row,会将组件放置到第一个可用的行上,如果不指定column,则使用第一列。注意这里使用grid时不需要创建,直接使用行列就可以。

示例2

代码语言:javascript
复制
# -*- coding: utf-8 -*-
# 使用grid来布局组件
from tkinter import *
root = Tk()
# 创建两个Label
lb1 = Label(root,text = 'Hello')
lb2 = Label(root,text = 'Grid')
lb1.grid()
# 指定lb2为第一行(使用索引0开始),第二列(使用索引0开始)
lb2.grid(row = 0,column = 1)
root.mainloop()

结果如下所示:

image.png

还可以使用row/column来指定组件的放置位置,并预先留出空间,以务其它需要。

示例3

代码语言:javascript
复制
# -*- coding: utf-8 -*-
# 使用grid来布局组件
from tkinter import *
root = Tk()
# 创建两个Label
Label(root,text = 'Hello').grid()
# 在第一行,第10列放置lb2
Label(root,text = 'Grid').grid(row = 0,column = 10)
Label(root,text = '3').grid(row = 0,column = 5)
root.mainloop()

结果如下所示:

image.png

示例4 使用多行(列)

代码语言:javascript
复制
# -*- coding: utf-8 -*-
# 使用grid来布局组件
from tkinter import *
root = Tk()
# 创建如下布局(一个字符占用一个grid位置)
# A  E
# B C
# D
# A占用(0,0)(0,1),B占用(1,0),C占用(1,1),D占用(2,0),E占用(0,2)
# 创建5个Label,分别以背景色区别
lbA = Label(root,text = 'A',bg = 'red')
lbB = Label(root,text = 'B',bg = 'blue')
lbC = Label(root,text = 'C',bg = 'red')
lbD = Label(root,text = 'D',bg = 'blue')
lbE = Label(root,text = 'E',bg = 'blue')
# 以下为布局参数设置
lbA.grid(row = 0,column = 0,columnspan = 2)
lbB.grid(row = 1,column = 0)
lbC.grid(row = 1,column = 1)
lbD.grid(row = 2)
lbE.grid(row = 0,column = 2)
root.mainloop()

结果如下所示:

image.png

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017.10.28 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 示例1
  • 示例2
  • 示例3
  • 示例4 使用多行(列)
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档