tkinter布局定位方法place讲解_tkinter tableview
liuian 2025-10-19 08:45 2 浏览
place方法的x,y参数
place()布局定位方法,允许程序员准确指定组件的位置,大小。粗略一听,好像不错,但实际操作起来,根本不容易,我们除了屏幕左上角x=0,y=0可以准确知道,其他位置并不能很好地知道坐标。至于组件大小,以像素为单位,同样不太好掌握,如果在界面上要操作的组件很好,组件之间的距离同样难以掌控。
这么一说,好像plaxe() 方法好像一无是处,那倒也不是,如果组件少,用place()方法也是可以的。我发现用这种方法用来把所有组件都定位在窗体的中间位置,是很方便,很容易的。
好,现在开始讲解,先说语法:
place(参数1,参数2,……)
参数:x,y 组件左上角在界面上的横向和纵向坐标,单位是像素。(再提醒一下,默认情况下,这个x,y坐标是指组件的左上角在界面上的位置)
from tkinter import *
root=Tk()
but1=Button(root,text="五笔打字通")
but1.place(x=0,y=0) # 第4行代码
root.mainloop()
上面代码很好懂,就是把,按钮1的左上角跟界面上坐标(x=0,y=0)重合。运行结果如下: 喆丌嚞
这是一个默认为200x200的窗体,为了让大家更明白我的讲解,我先在按钮出现前,加一个标签,标签上的图为一个十字交叉的水平线和垂直线。
在默认的情况下,后布局定位的组件会在先布局定位的组件上层,所以下面代码先创建的标签在后创建按钮的下面。
下面的代码,我让按钮的左上角定位到这个窗体的正中间(x=100,y=100)。
from tkinter import *
root=Tk() # 源码来自wb98.com
img1=PhotoImage(file='zb.gif') # 十字交叉图
la1=Label(root,image=img1,bd=0)
la1.place(x=0,y=0)
but1=Button(root,text="五笔打字通")
but1.place(x=100,y=100) # 第4行代码
root.mainloop()
第4行代码,我把坐标改为x=100,y=100, 那么,按钮的左上角应该处在窗体的正中间。运行结果如下:
运行结果的确是按钮的左上角跟x=100,y=100坐标重合。
锚点 anchor 讲解
如果我们想让按钮的正中间点跟窗体的正中心重合,要如何做呢,这就要引入另外的一个参数:
anchor 翻译为“锚点”,这个参数决定组件以自身的哪一点去跟坐标相重合。
默认情况下,是以组件的左上角去跟坐标相重合,即anchor=NW
也可以小写加引号,如:anchor=’nw’
所有选项:anchor=
NW/N/NE/W/CENTER/E/SW/S/SE 锚点图如下:
所以我们希望按钮的正中间点跟窗体的正中心重合,只要加参数 anchor=’center’ ,那么组件锚点,即按钮的正中心就会去跟坐标重合。代码如下:
from tkinter import *
root=Tk()
img1=PhotoImage(file='zb.gif')
la1=Label(root,image=img1,bd=0)
la1.place(x=0,y=0)
but1=Button(root,text="五笔打字通")
but1.place(x=100,y=100,anchor='center') # 第4行代码
root.mainloop()
运行如下:
其它锚点的测试,大家自行测试吧。
本文来自 wb98.com 本站有tkinter的系统教程。
place方法的relx/rely参数
relx/rely 这也是一个坐标值 ,但是一个相对坐标,是相对父组件的坐标,取值范围为0-1,如:
窗体界面左上角坐标:relx=0,rely=0
窗体界面右上角坐标:relx=1,rely=1
窗体界面正中间坐标:relx=0.5,rely=0.5
窗体界面左下角坐标:relx=0,rely=1
窗体界面右下角坐标:relx=1,rely=1
…… 其实,特殊的位置都好计算,但其它位置就不太好计算了。
用相对坐标参数,锚点取center,组件定位的代码就应该写成:
but1.place(relx=0.5,rely=0.5,anchor='center') # 第4行代码
这跟下面的代码是等价的:
but1.place(x=100,y=100,anchor='center') # 第4行代码
但相对坐标比较方便的是,不用知道窗体的实际高和宽,也可以定点到窗体的正中心。
place方法的width/height 和 relwidth/relheight 参数
下面稍讲一下宽和高的参数,以及相对宽和高的参数:
width 指组件的宽度,单位是像素。
height 指组件的高度,单位是像素。
relwidth 指组件相对于父组件的宽度,取值范围为0-1
跟父组件一样宽,就取1,只有一半宽,就取0.5,以此类推
relheight指组件相对于父组件的高度,取值范围为0-1
跟父组件一样高,就取1,只有一半宽,就取0.5,以此类推
其实,上述概念都好理解,但其实操作起来,真的不好掌控,我要反复测试这2组参数的可能的取值,才能让组件以合适的大小呆在合适位置上。
relx/rely和x/y可以组合在一起使用
如果这2对参数组合在一起使用,系统会优先取relx/rely的值 ,定位组件的位置后,再以这个位置为起始点,再根据x/y的值 再调整到新位置,x/y可以取负值。
but1.place(relx=0.5,rely=0.5,x=25,y=25,anchor='center') # 第4行代码
上面代码先根据relx=0.5,rely=0.5定位组件到窗体正中心,然后,再根据x=25,组件向右移动25个像素,再根据y=25,组件再向下移动25个像素,运行结果如下:
让窗体的组件做为一个整体,居中显示
我认为place()最实用的用处,即把窗体上的组件以一个整体定位到窗体的正中间。
还记得吗?前面的文章,我曾经以pack()和grid()2种方法来做登录的窗体。其中grid()方法的代码如下:
from tkinter import *
root=Tk()
root.title('登录')
la1=Label(root,text='用户名:')
la1.grid(row=0,column=0,padx=(10,0),pady=10) # 0行0列
en1=Entry(root) # 用户名文本框
en1.grid(row=0,column=1,columnspan=2,padx=(0,10),ipadx=60) # 0行1列,跨2列
la2=Label(root,text='密 码:')
la2.grid(row=1,column=0,padx=(10,0))
en2=Entry(root) # 密码文本框
en2.grid(row=1,column=1,columnspan=2,padx=(0,10),ipadx=60) # 1行1列,跨2列
but1=Button(root,text="确定")
but1.grid(row=2,column=1,padx=(30,0),pady=10,ipadx=30)
but2=Button(root,text="取消")
but2.grid(row=2,column=2,padx=(0,30),ipadx=30)
root.resizable(False,False)
root.mainloop()
为了限制用户调整窗体尺寸,我们可以用 root.resizable(False,False) 代码让窗体无法改变尺寸。
但如果去除这个窗体禁止调整尺寸限制,当窗体调整尺寸时,窗体右边就留白太多,不太好看,如下图所示:
如果你想让窗体上面的6个组件作为一个整体,始终处于窗体的中心,应该怎么做呢?我现在用刚学的place()知识就可以做到。
1. 先去除倒数第2行 root.resizable(False,False) 代码
2. 在 root.title('登录') 下添加一个创建frame的代码,这个框架用relx/rely=0.5 锚点 anchor=’center’,让它始终处于窗体的正中心
fr1=Frame(root,relief='ridge',borderwidth=1) # 不设置边线宽,无法显示
fr1.place(relx=0.5,rely=0.5,anchor='center')
3. 然后,把下面的代码,6个组件的父组件从root 改成 fr1,这样,这6个组件都添加到fr1里,作为一个整体,窗体无论如何改变尺寸,它们始终处于窗体正中心。全部代码如下:
from tkinter import *
root=Tk()
root.title('登录')
fr1=Frame(root,relief='ridge',borderwidth=1) # 不设置边线宽,无法显示
fr1.place(relx=0.5,rely=0.5,anchor='center')
la1=Label(fr1,text='用户名:')
la1.grid(row=0,column=0,padx=(10,0),pady=10) # 0行0列
en1=Entry(fr1) # 用户名文本框
en1.grid(row=0,column=1,columnspan=2,padx=(0,10),ipadx=60) # 0行1列,跨2列
la2=Label(fr1,text='密 码:')
la2.grid(row=1,column=0,padx=(10,0))
en2=Entry(fr1) # 密码文本框
en2.grid(row=1,column=1,columnspan=2,padx=(0,10),ipadx=60) # 1行1列,跨2列
but1=Button(fr1,text="确定")
but1.grid(row=2,column=1,padx=(30,0),pady=10,ipadx=30)
but2=Button(fr1,text="取消")
but2.grid(row=2,column=2,padx=(0,30),ipadx=30)
root.mainloop()
运行后,发现有一个小问题,窗体的默认尺寸始终是200x200,这还好解决,我们设置窗体的尺寸是一个大于框架的尺寸,而且让窗体启动就处于屏幕正中间。在root.title('登录') 下加入代码。
a,b=400,150
c=(root.winfo_screenwidth()-a)/2
d=(root.winfo_screenheight()-b)/2
root.geometry('%dx%d+%d+%d' % (a,b,c,d))
加入的代码在前面的窗体属性的文章有讲解。大家忘记了吗?
加入后,解决了启动程序,窗体过小的问题,但还发现一个问题,窗体可以调整到小于框架的尺寸,这个也不太好看。我们再加入代码,限制窗体的最小尺寸。加入代码:
root.minsize(400,150)
这样,窗体无法再把尺寸调整到比框架更小的尺寸了。
全部代码如下:
from tkinter import *
root=Tk()
root.title('登录')
a,b=400,150
c=(root.winfo_screenwidth()-a)/2
d=(root.winfo_screenheight()-b)/2
root.geometry('%dx%d+%d+%d' % (a,b,c,d))
root.minsize(400,150)
fr1=Frame(root,relief='ridge',borderwidth=1) # 不设置边线宽,无法显示
fr1.place(relx=0.5,rely=0.5,anchor='center')
la1=Label(fr1,text='用户名:')
la1.grid(row=0,column=0,padx=(10,0),pady=10) # 0行0列
en1=Entry(fr1) # 用户名文本框
en1.grid(row=0,column=1,columnspan=2,padx=(0,10),ipadx=60) # 0行1列,跨2列
la2=Label(fr1,text='密 码:')
la2.grid(row=1,column=0,padx=(10,0))
en2=Entry(fr1) # 密码文本框
en2.grid(row=1,column=1,columnspan=2,padx=(0,10),ipadx=60) # 1行1列,跨2列
but1=Button(fr1,text="确定")
but1.grid(row=2,column=1,padx=(30,0),pady=10,ipadx=30)
but2=Button(fr1,text="取消")
but2.grid(row=2,column=2,padx=(0,30),ipadx=30)
root.mainloop()
运行结果是,不管窗体如何调整尺寸,窗体上的组件始终处在窗体的正中间。
我认为place()方法最实用的是,让窗体所有组件作为一个整体始终居于窗体正中心。大家好好记下来,也可以把这篇文章收藏起来,以备不时之需。
下篇文章,我们讲解一个我自己学习过程中写的一个记事本的“关于”窗口代码,我认为只有运用自己学的知识,去写一些小的,实际有用的代码 ,才能巩固自己学习的知识。
此文章来自:何老师的济亨网 - 五笔打字通主页 网站还有相关的系列课程文章,感兴趣的可以前往。
相关推荐
- Spring Boot + Vue.js 实现前后端分离(附源码)
-
作者:梁小生0101链接:juejin.im/post/5c622fb5e51d457f9f2c2381SpringBoot+Vue.js前后端涉及基本概念介绍,搭建记录,本文会列举出用到环...
- C#一步一步实现自己的插件框架(四),从此告别代码紧耦合
-
初学者写程序一般就是拖控件,双击,然后写上执行的代码,这样在窗口中就有很多事件代码,如果要实现各按钮的状态,那得在很多地方修改代码,极为复杂.通过参考CSHARPDEVELOP的代码就说明和网上各位...
- 基于UI组件的Vue可视化布局、快速生成.vue代码
-
一、项目简介基于UI组件的Vue可视化布局、快速生成.vue代码二、实现功能通用(文本、链接、换行、div、图片)支持elementUI支持iViewUI(button、icon、radio、sel...
- 【开源资讯】ViewUI 4.2.0(原 iView)发布,企业级 UI 组件库
-
简介iView作者Aresn于2019年创办了北京视图更新科技有限公司,开始自由、全职地维护iView及其相关的软件。ViewUI即为原先的iView,从2019年10月起...
- Python GUI 编程入门教程 第25章:记账本应用升级—类别统计与图表
-
25.1项目目标在第24章的月份筛选功能基础上,新增:类别输入:记录时选择支出/收入类别,例如:餐饮、交通、购物、工资、理财等类别统计:计算选定月份的各类别总额类别图表:生成饼图,展示各类别所占...
- Python GUI 编程入门教程 第8章:文件处理、数据库操作与网络通信
-
8.1文件操作:处理本地文件与文件对话框在Tkinter应用中,文件操作是常见的需求。Tkinter提供了简单的文件对话框来帮助用户选择文件,并能通过Python内建的文件处理模块来读取和写入文件。...
- 手把手教你用Python做个可视化的“剪刀石头布”小游戏
-
/1前言/最近在学习PyQt5可视化界面,这是一个内容非常丰富的gui库,相对于tkinter库,功能更加强大,界面更加美观,操作也不难。于是我开始小试牛刀,用PyQt5做个可视化的“剪刀石头布”...
- 掌握基础技能快速用Python设计界面
-
我们在设计软件界面的时候,应该掌握一定的基础知识,不能我们看起来非常费解也很累。到后面设计界面的时候,很多基础知识不可能如你开始学的时候讲的那样仔细。熟练掌握Python的基本语法,如变量、数据类型...
- Python GUI 编程入门教程 第22章:综合实战项目——记账本应用
-
22.1项目目标我们要开发一个带数据库的记账本,主要功能:添加收支记录(日期、类别、金额、备注)显示所有记录(表格形式)支持删除记录自动保存到SQLite数据库统计总收支22.2项目结构budge...
- Python GUI 编程入门教程 第10章:高级布局与界面美化
-
10.1高级布局管理:使用grid和placeTkinter提供了三种常用的布局管理方式:pack、grid和place。在本章中,我们重点介绍grid和place,这两种布局方式相较于pack更加...
- 别再手动复制粘贴了!Python一招搞定取PDF内容,效率提升10倍!
-
别再手动复制粘贴了!Python一招搞定取PDF内容,效率提升10倍!还在为PDF内容提取头疼?100页的文档要折腾一下午?今天教你用Python几行代码搞定,10秒钟解决战斗,办公室小白也能轻松学会...
- DearPyGui:GUI 性能秒杀 PyQt,揭秘 GPU 加速的 DearPyGui
-
什么是DearPyGui?嘿,最近我发现了一个超有意思的PythonGUI框架——DearPyGui。名字有点拗口,但它可不是随便起的。它基于C++和GPU渲染,性能吊打传统的Tki...
- Python GUI 编程入门教程 第7章:事件绑定、动画效果与外部交互
-
7.1事件绑定:响应用户操作在Tkinter中,事件绑定允许你为控件添加响应函数,以处理用户的输入事件,如鼠标点击、键盘输入等。事件可以是各种形式的交互,如点击按钮、键盘按键等。7.1.1绑定鼠标...
- Python GUI 编程入门教程 第21章:综合实战项目——记事本应用
-
21.1项目目标我们要实现一个简易版的记事本,具备以下功能:新建、打开、保存文件复制、粘贴、剪切、全选设置字体大小查找文字显示应用信息界面大致效果如下:+----------------------...
- Python GUI 编程入门教程 第14章:构建复杂图形界面
-
14.1界面布局管理在Tkinter中,界面控件的排列是通过布局管理器来实现的。Tkinter提供了三种布局管理器:pack、grid和place,每种布局管理器都有其独特的用途和优势。14.1.1...
- 一周热门
- 最近发表
-
- Spring Boot + Vue.js 实现前后端分离(附源码)
- C#一步一步实现自己的插件框架(四),从此告别代码紧耦合
- 基于UI组件的Vue可视化布局、快速生成.vue代码
- 【开源资讯】ViewUI 4.2.0(原 iView)发布,企业级 UI 组件库
- Python GUI 编程入门教程 第25章:记账本应用升级—类别统计与图表
- Python GUI 编程入门教程 第8章:文件处理、数据库操作与网络通信
- 手把手教你用Python做个可视化的“剪刀石头布”小游戏
- 掌握基础技能快速用Python设计界面
- Python GUI 编程入门教程 第22章:综合实战项目——记账本应用
- Python GUI 编程入门教程 第10章:高级布局与界面美化
- 标签列表
-
- python判断字典是否为空 (50)
- crontab每周一执行 (48)
- aes和des区别 (43)
- bash脚本和shell脚本的区别 (35)
- canvas库 (33)
- dataframe筛选满足条件的行 (35)
- gitlab日志 (33)
- lua xpcall (36)
- blob转json (33)
- python判断是否在列表中 (34)
- python html转pdf (36)
- 安装指定版本npm (37)
- idea搜索jar包内容 (33)
- css鼠标悬停出现隐藏的文字 (34)
- linux nacos启动命令 (33)
- gitlab 日志 (36)
- adb pull (37)
- python判断元素在不在列表里 (34)
- python 字典删除元素 (34)
- vscode切换git分支 (35)
- python bytes转16进制 (35)
- grep前后几行 (34)
- hashmap转list (35)
- c++ 字符串查找 (35)
- mysql刷新权限 (34)