零基础学Python【二十三、图形化界面设计 】(基础一篇全,欢迎认领)(三)

简介: 零基础学Python【二十三、图形化界面设计 】(基础一篇全,欢迎认领)(三)

5、控件布局


5.1、place() 使用方法


x:指定组件的 X 坐标。x 为 0 代表位于最左边。


y:指定组件的 Y 坐标。y 为 0 代表位于最右边。


relx:指定组件的 X 坐标,以父容器总宽度为单位 1,该值应该在 0.0~1.0 之间,其中 0.0 代表位于窗口最左边,1.0 代表位于窗口最右边,0.5 代表位于窗口中间。


rely:指定组件的 Y 坐标,以父容器总高度为单位 1,该值应该在 0.0~1.0  之间,其中 0.0 代表位于窗口最上边,1.0 代表位于窗口最下边,0.5 代表位于窗口中间。


width:指定组件的宽度,以 pixel 为单位。


height:指定组件的高度,以 pixel 为单位。


relwidth:指定组件的宽度,以父容器总宽度为单位 1,该值应该在 0.0~1.0 之间,其中 1.0 代表整个窗口宽度,0.5 代表窗口的一半宽度。


relheight:指定组件的高度,以父容器总高度为单位 1,该值应该在 0.0~1.0 之间,其中 1.0 代表整个窗口高度,0.5 代表窗口的一半高度。


bordermode:该属性支持“inside”或“outside” 属性值,用于指定当设置组件的宽度、高度时是否计算该组件的边框宽度。


当使用 Place 布局管理容器中的组件时,需要设置组件的 x、y 或 relx、rely 选项,Tkinter 容器内的坐标系统的原点 (0,0) 在左上角,其中 X 轴向右延伸,Y 轴向下延伸,


如图所示


微信图片_20220110215421.gif


如果通过 x、y 指定坐标,单位就是 pixel(像素);如果通过 relx、rely 指定坐标,则以整个父容器的宽度、高度为 1。不管通过哪种方式指定坐标,通过图 1 不难发现,通过 x 指定的坐标值越大,该组件就越靠右;通过 y 指定的坐标值越大,该组件就越靠下。


微信图片_20220110215451.png

5.2、pack() 使用方法


是一种简单的布局方法,的默认方式将按布局语句的先后,以最小占用空间的方式自上而下地排列控件实例,并且保持控件本身的最小尺寸。


用pack() 方法不加参数排列标签。为看清楚各控件所占用的空间大小,文本用了不同长度的中英文,并设置relief="groove"的凹陷边缘属性。


import tkinter
#声明窗体
import tkinter
root = tkinter.Tk()
root.title("我的第一个程序")
root.geometry("400x400+200+200")
LabelRed = tkinter.Label(root,text="abcdefghijklmnopqrstuvwxyz",fg="Red",relief = "groove")
LabelRed.pack()
LabelGreen = tkinter.Label(root,text="一二三四五六七八九十",fg="green",relief = "groove")
LabelGreen.pack()
LabelBlue = tkinter.Label(root,text="1234567890",fg="blue",relief = "groove")
LabelBlue.pack()
root.mainloop()


微信图片_20220110215518.png




相关文章
|
3月前
|
设计模式 数据挖掘 开发者
Python中的面向对象编程与设计模式
【2月更文挑战第1天】Python作为一种动态、面向对象的高级编程语言,广泛应用于Web开发、数据分析等领域。本文将介绍Python中的面向对象编程特性,并结合常用的设计模式,探讨如何在Python中实现灵活、可维护的代码结构。
16 2
|
7月前
|
前端开发 数据可视化 搜索推荐
【100天精通python】Day37:GUI界面编程_PyQt 从入门到实战(上)_PyQt6基本组件、事件和信号槽、界面设计
【100天精通python】Day37:GUI界面编程_PyQt 从入门到实战(上)_PyQt6基本组件、事件和信号槽、界面设计
211 0
|
8月前
|
设计模式 分布式计算 算法
Python后端技术栈(三)--设计模式
Python后端技术栈(三)--设计模式
|
9月前
|
设计模式 存储 Python
【从零学习python 】46. Python中的__new__和__init__方法解析及单例设计模式
【从零学习python 】46. Python中的__new__和__init__方法解析及单例设计模式
42 0
|
4月前
|
设计模式 缓存 测试技术
python的装饰器与设计模式中的装饰器模式
python的装饰器与设计模式中的装饰器模式
|
12月前
|
设计模式 算法 数据库
Python常用的设计模式(下)
Python常用的设计模式(下)
|
12月前
|
设计模式 数据库 Python
Python常用的设计模式(上)
Python常用的设计模式(上)
|
设计模式 Python
Python:设计模式之设计模式简介
Python:设计模式之设计模式简介
101 0
|
设计模式 Python
Python:设计模式之反模式
Python:设计模式之反模式
55 0
|
设计模式 存储 前端开发
Python:设计模式之模型-视图-控制器-MVC复合模式
Python:设计模式之模型-视图-控制器-MVC复合模式
75 0