Python GUI之tkinter布局管理教程
目录
- pack常用属性
- pack类提供了下列函数（使用组件实例对象调用）
- grid属性设置
- grid类提供了下列函数（使用组件实例对象调用）
- place属性设置
- place类提供了下列函数（使用组件实例对象调用）
所谓布局，就是指控制窗体容器中各个控件（组件）的位置关系。
tkinter 共有三种几何布局管理器，分别是：
- pack布局
- grid布局
- place布局
pack布局
使用 pack布局，将向容器中添加组件，第一个添加的组件在最上方，然后是依次向下添加。
from tkinter import * root = Tk() #创建三个 Label 分别添加到root窗体中 #Label是一种用来显示文字或者图片的组件 Label(root,text = 'pack1',bg = 'red').pack() Label(root, text = 'pack2', bg = 'blue').pack() Label(root, text = 'pack3', bg = 'green').pack() root.mainloop()
如图：
pack常用属性
| 属性名 | 属性简析 | 取值 | 取值说明 |
| fill | 设置组件是否向水平或垂直方向填充 | X、Y、BOTH 和NONE | fill = X（水平方向填充）fill = Y（垂直方向填充）fill = BOTH（水平和垂直）NONE 不填充 |
| expand | 设置组件是否展开，当值为YES时，side选项无效。组件显示在父容器中心位置；若fill选项为BOTH,则填充父组件的剩余空间。默认为不展开 | YES 、NO（1、0） | expand=YES expand=NO |
| side | 设置组件的对齐方式 | LEFT、TOP、RIGHT、BOTTOM | 值为左、上、右、下 |
| ipadx、ipady | 设置x方向（或者y方向）内部间隙（子组件之间的间隔） | 可设置数值，默认是0 | 非负整数，单位为像素 |
| padx、pady | 设置x方向（或者y方向）外部间隙（与之并列的组件之间的间隔） | 可设置数值，默认是0 | 非负整数，单位为像素 |
| anchor | 锚选项，当可用空间大于所需求的尺寸时，决定组件被放置于容器的何处 | N、E、S、W、NW、NE、SW、SE、CENTER（默认值为CENTER） | 表示八个方向以及中心 |
注意：上表中取值都是常量，YES等价于"yes"，亦可以直接传入字符串值。另外当界面复杂度增加时，要实现某种布局效果，需要分层来实现。
from tkinter import * #注意模块导入方式，否则代码会有差别
class App:
def __init__(self, master):
#使用Frame增加一层容器
fm1 = Frame(master)
#Button是一种按钮组件，与Label类似，只是多出了响应点击的功能
Button(fm1, text='Top').pack(side=TOP, anchor=W, fill=X, expand=YES)
Button(fm1, text='Center').pack(side=TOP, anchor=W, fill=X, expand=YES)
Button(fm1, text='Bottom').pack(side=TOP, anchor=W, fill=X, expand=YES)
fm1.pack(side=LEFT, fill=BOTH, expand=YES)
fm2 = Frame(master)
Button(fm2, text='Left').pack(side=LEFT)
Button(fm2, text='This is the Center button').pack(side=LEFT)
Button(fm2, text='Right').pack(side=LEFT)
fm2.pack(side=LEFT, padx=10)
root = Tk()
root.title("Pack - Example")
display = App(root)
root.mainloop()
如上，创建一个Frame容器fm1，将三个垂直排列的Button组件使用pack布局放入fm1容器中，然后创建fm2容器，同样将三个水平排列的Button组件放入，最后将两个Frame容器当做组件，使用pack布局放入根窗体容器中。
如此分层布局，实现了相对复杂一些的界面需求。
pack类提供了下列函数（使用组件实例对象调用）
| 函数名 | 描述 |
| pack_slaves() | 以列表方式返回本组件的所有子组件对象。 |
| pack_configure(option=value) | 给pack布局管理器设置属性，使用属性（option）= 取值（value）方式设置 |
| propagate(boolean) | 设置为True表示父组件的几何大小由子组件决定（默认值），反之则无关。 |
| pack_info() | 返回pack提供的选项所对应得值。 |
| pack_forget() | Unpack组件，将组件隐藏并且忽略原有设置，对象依旧存在，可以用pack(option, …)，将其显示。 |
| location(x, y) | x, y为以像素为单位的点，函数返回此点是否在单元格中，在哪个单元格中。返回单元格行列坐标，(-1, -1)表示不在其中 |
| size() | 返回组件所包含的单元格，揭示组件大小。 |
grid布局
grid布局又被称作网格布局，是最被推荐使用的布局。程序大多数都是矩形的界面，我们可以很容易把它划分为一个几行几列的网格，然后根据行号和列号，将组件放置于网格之中。使用grid 布局时，需要在里面指定两个参数，分别用row 表示行，column 表示列。需要注意的是 row 和 column 的序号都从0 开始。
如下图，假设将界面分成网格。
grid属性设置
| 属性名 | 属性简析 | 取值 | 取值说明 |
| row、column | row为行号，column为列号，设置将组件放置于第几行第几列 | 取值为行、列的序号，不是行数与列数 | row 和 column 的序号从0开始，但是，column的默认值是0，row的默认值是下一个编号较大的未占用行号 |
| sticky | 设置组件在网格中的对齐方式（前提是有额外的空间） | N、E、S、W、NW、NE、SW、SE | 类似于pack布局中的锚选项 |
| rowspan | 组件所跨越的行数 | 默认值为1 | 取值为跨越占用的行数，而不是序号 |
| columnspan | 组件所跨越的列数 | 默认值为1 | 取值为跨越占用的列数，而不是序号 |
| ipadx、ipady、padx、pady | 组件的内部、外部间隔距离，与pack的该属性用法相同 | 同pack | 同pack |
grid类提供了下列函数（使用组件实例对象调用）
| 函数名 | 描述 |
| grid_slaves() | 以列表方式返回本组件的所有子组件对象。 |
| grid_configure(option=value) | 给pack布局管理器设置属性，使用属性（option）= 取值（value）方式设置 |
| grid_propagate(boolean) | 设置为True表示父组件的几何大小由子组件决定（默认值），反之则无关。 |
| grid_info() | 返回pack提供的选项所对应得值。 |
| grid_forget() | Unpack组件，将组件隐藏并且忽略原有设置，对象依旧存在，可以用pack(option, …)，将其显示。 |
| grid_location(x, y) | x, y为以像素为单位的点，函数返回此点是否在单元格中，在哪个单元格中。返回单元格行列坐标，(-1, -1)表示不在其中 |
| size() | 返回组件所包含的单元格，揭示组件大小。 |
place布局。
最简单最灵活的一种布局，使用组件坐标来放置组件的位置。但是不太推荐使用，在不同分辨率下，界面往往有较大差异。
place属性设置
| 属性名 | 属性简析 | 取值 | 取值说明 |
| anchor | 锚选项，同pack布局 | 默认值为 NW | 同pack布局 |
| x、y | 组件左上角的x、y坐标 | 整数，默认值0 | 绝对位置坐标，单位像素 |
| relx、rely | 组件相对于父容器的x、y坐标 | 0~1之间浮点数 | 相对位置，0.0表示左边缘（或上边缘），1.0表示右边缘（或下边缘） |
| width、height | 组件的宽度、高度 | 非负整数 | 单位像素 |
| relwidth、relheight | 组件相对于父容器的宽度、高度 | 0~1之间浮点数 | 与relx（rely）取值相似 |
bordermode 如果设置为INSIDE，组件内部的大小和位置是相对的，不包括边框；如果是OUTSIDE，组件的外部大小是相对的，包括边框 INSIDE、OUTSIDE(默认值INSIDE) 可以使用常量INSIDE、OUTSIDE，也可以使用字符串形式"inside"、"outside"
place类提供了下列函数（使用组件实例对象调用）
| 函数名 | 描述 |
| place_slaves() | 以列表方式返回本组件的所有子组件对象。 |
| place_configure(option=value) | 给pack布局管理器设置属性，使用属性（option）= 取值（value）方式设置 |
| propagate(boolean) | 设置为True表示父组件的几何大小由子组件决定（默认值），反之则无关。 |
| place_info() | 返回pack提供的选项所对应得值。 |
| grid_forget() | Unpack组件，将组件隐藏并且忽略原有设置，对象依旧存在，可以用pack(option, …)，将其显示。 |
| location(x, y) | x, y为以像素为单位的点，函数返回此点是否在单元格中，在哪个单元格中。返回单元格行列坐标，(-1, -1)表示不在其中 |
| size() | 返回组件所包含的单元格，揭示组件大小。 |
以上为个人经验，希望能给大家一个参考，也希望大家多多支持我们。
相关推荐
-
Python tkinter三种布局实例详解
这篇文章主要介绍了Python tkinter三种布局实例详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 一.pack布局举例 # pack布局案例 import tkinter baseFrame = tkinter.Tk() # 以下代码都是创建一个组件, 然后布局 btn1 = tkinter.Button(baseFrame, text = "A") btn1.pack(side = tkinter.LEFT, expan
-
Python中Tkinter布局管理grid的使用
目录 何时使用 grid 管理器? 用法 方法 pack.grid 和 place 均用于管理同在一个父组件下的所有组件的布局,其中: pack 是按添加顺序排列组件grid 是按行/列形式排列组件place 则允许程序员指定组件的大小和位置 何时使用 grid 管理器? grid 管理器可以说是 Tkinter 这三个布局管理器中最灵活多变的.如果你只希望学习使用一个布局管理器,那么 grid 绝对是首选.当你在设计对话框的时候,使用 gird 尤其便捷.如果你此前一直在用 pack 构造窗口
-
Python GUI编程学习笔记之tkinter界面布局显示详解
本文实例讲述了Python GUI编程学习笔记之tkinter界面布局显示.分享给大家供大家参考,具体如下: 相关内容: pack 介绍 常用参数 使用情况 常用函数 grid 介绍 常用参数 使用情况 常用函数 place 介绍 常用参数 使用情况 常用函数 首发时间:2018-03-04 14:20 pack: 介绍: pack几何管理器按行或列打包小部件. 可以使用填充fill,展开expand和靠边side等选项来控制此几何体管理器. pack的排放控件的形式就像将一个个控件按大小从上到
-
Python GUI之tkinter布局管理教程
目录 pack常用属性 pack类提供了下列函数(使用组件实例对象调用) grid属性设置 grid类提供了下列函数(使用组件实例对象调用) place属性设置 place类提供了下列函数(使用组件实例对象调用) 所谓布局,就是指控制窗体容器中各个控件(组件)的位置关系. tkinter 共有三种几何布局管理器,分别是: pack布局 grid布局 place布局 pack布局使用 pack布局,将向容器中添加组件,第一个添加的组件在最上方,然后是依次向下添加. from tkinter imp
-
Python GUI之tkinter窗口视窗教程大集合(推荐)
一.前言 由于本篇文章较长,所以下面给出内容目录方便跳转阅读,当然也可以用博客页面最右侧的文章目录导航栏进行跳转查阅. 二.Tkinter是什么 Tkinter 是使用 python 进行窗口视窗设计的模块.Tkinter模块("Tk 接口")是Python的标准Tk GUI工具包的接口.作为 python 特定的GUI界面,是一个图像的窗口,tkinter是python 自带的,可以编辑的GUI界面,我们可以用GUI 实现很多直观的功能,比如想开发一个计算器,如果只是一个程序输入,输
-
Python GUI利用tkinter皮肤ttkbootstrap实现好看的窗口
目录 前言 主题切换 ttkbootstrap一些简单使用介绍 标签 按钮 输入框 文本框 日期输入 单选按钮 多选按钮 组合框 Frame和Labelframe 仪表 进度条 Scale 水尺 滚动条 消息提示框 查询框 子窗口 菜单 面板 树视图 加载gif动图 打开本地文件 打开浏览器 前言 tkinter是python自带的标准gui库,对于我们自己日常做一些小程序出来给自己使用是非常不错的.因为tkinter相比较其它强大的gui库(PyQT,WxPython等等)而言要简单.方便.学
-
python GUI编程(Tkinter) 创建子窗口及在窗口上用图片绘图实例
注意主窗口一定要为tk.Tk(),在主窗口上通过button的点击相应子函数创建子窗口,注意此时创建出来的窗口必须是Toplevel,否则出错. 至于用图片在窗口上绘图,则按代码所示即可. # -*- coding: utf-8 -*- """ Created on Wed Oct 26 20:32:52 2016 @author: min """ import Tkinter as tk from PIL import Image, Image
-
Python GUI之tkinter详解
展示 import tkinter if __name__ == '__main__': win = tkinter.Tk() #设置标题 win.title("我的世界") #设置宽和高 win.geometry('800x600') #创建画布,设置背景色,高,宽 canvas = tkinter.Canvas(win,bg='#EBEBEB',width=800,height=1200,xscrollincrement = 1, yscrollincrement = 1) x0,
-
Python深度学习实战PyQt5布局管理项目示例详解
目录 1. 从绝对定位到布局管理 1.1 什么是布局管理 1.2 Qt 中的布局管理方法 2. 水平布局(Horizontal Layout) 3. 垂直布局(Vertical Layout) 4. 栅格布局(Grid Layout) 5. 表格布局(Form Layout) 6. 嵌套布局 7. 容器布局 布局管理就是管理图形窗口中各个部件的位置和排列.图形窗口中的大量部件也需要通过布局管理,对部件进行整理分组.排列定位,才能使界面整齐有序.美观大方. 1. 从绝对定位到布局管理 1.1 什么
-
Python GUI布局工具Tkinter入门之旅
目录 图形用户界面 (GUI) 用于创建GUI的 Python 库 Tkinter 基础 Tkinter Widgets Label Button Entry Combobox Checkbutton Radio Button Scrolled Text Message Box SpinBox Geometry 组织布局 binding 函数 Images 和 Icons 计算器 APP 图形用户界面 (GUI) 图形用户界面 (GUI) 只不过是一个桌面应用程序,可帮助我们与计算机进行交互 像
-
Python GUI Tkinter简单实现个性签名设计
一.Tkinter的介绍和简单教程 Tkinter 是 Python 的标准 GUI 库.Python 使用 Tkinter 可以快速的创建 GUI 应用程序. 由于 Tkinter 是内置到 python 的安装包中.只要安装好 Python 之后就能 import Tkinter 库.而且 IDLE 也是用 Tkinter 编写而成.对于简单的图形界面 Tkinter 还是能应付自如. 注意:Python3.x 版本使用的库名为 tkinter,即首写字母 T 为小写. import tki