保姆级别操作掌握UI布局,Python简化的UI应用展示【建议收藏】_python ui界面设计分区

正式的Python专栏第6篇,同学站住,别错过这个从0开始的文章!

前面,学委写了一个保姆级别UI教程,展示了 【一个窗口放两个按钮,点击来提示不同消息】,挺受欢迎的。

但那布局比较简单,本来打算安排开发签到程序的,但有必要教会一下布局(打好基础之后,干啥都快,还能胜任复杂的UI应用开发!)
在这里插入图片描述

什么是布局?

布局就是谋划部署干一件大事,跑偏了。这里的布局描述的是UI应用中的组件摆放

简单理解布局,就像搞室内设计定制一样,在大厅定制个桌椅,搞个茶具,通过精心布置设计让住户心情愉悦

搞UI类/界面应用开发,也是如此,再界面放置几个按钮,表格,给用户直接操作反馈数据(这个也是开发需要掌握学习的基础,就加进来分享了)

好了,Python内置的Tk UI套件有三种布局,但是下面主要谈谈Grid(网格布局)。

谈谈Tk的网格布局

网格布局,很直观,就是网格化,像表格一样

第一行第一列第一行第二列
第二行第一列第二行第二列

这就是网格布局的原型了,没错就这么简单。我们将要开发的UI应用如下:

2x2 的表格布局,上面放置4个按钮,每行两个。

在这里插入图片描述

这个怎么做出来呢?

直接看下面代码

这个代码在前一篇的基础上修改,使用grid方法,传入了一些方位的参数。

保存下面代码为tkui_lxw_demo.py并运行。

# -\*- coding: utf-8 -\*-
# @Time : 2021/8/29 11:58 上午
# @Author : LeiXueWei
# @CSDN/Juejin/Wechat: 雷学委
# @XueWeiTag: CodingDemo
# @File : tkui\_layout.py
# @Project : hello

from tkinter import *
import tkinter.messagebox as mb

top = Tk()
top.title("雷学委的Tkinter布局Demo")
top.geometry('600x400')


def open_msg_box():
    mb.showinfo("[学委温馨提示]", "简单的消息弹出窗口!")


def open_err_box():
    mb.showerror("[学委温馨提示]", "演示错误消息窗口!")

#这里加上01和02在按钮显示文本上。
first = Button(top, text="点击01->查看消息", fg="tomato", command=open_msg_box)
second = Button(top, text="点击02->查看错误", fg="tomato", command=open_err_box)
#学委前一篇文章这里注释掉
# first.pack()
# second.pack()
#--- 雷学委CSDN代码展示 ---#
#然后添加两个按钮放在第二行
button03 = Button(top, text="点击03->查看消息", fg="tomato", padx=8, pady=8,
                  background="blue",
                  highlightbackground="blue")
button04 = Button(top, text="点击04->查看错误", fg="tomato", padx=8, pady=8,
                  background="green",
                  highlightbackground="green")
#好,下面学委展示用grid布局(也就是网格布局)
first.grid(row=0, column=0, sticky=W)
second.grid(row=0, column=1, sticky=W)
button03.grid(row=1, column=0, sticky=W)
button04.grid(row=1, column=1, sticky=W)
#老套路,调用事件循环保持UI程序不退出。
top.mainloop()

代码讲解

通过观察,我们主要是使用了grid函数,它接受了3个参数。

  • row 把ui组件放在第几排,从0开始
  • column 把ui组件放在第几列,从0开始
  • sticky 放置的方位W是表示朝向西边。

上面的grid放置组件的代码就是告诉程序:

first按钮放在第一排第一列second按钮放在第一排第二列
button03放在第二行第一列button04第二行第二列

在这里插入图片描述

学会了吗?运行程序就能看到上面的布局了。

如果你也是看准了Python,想自学Python,在这里为大家准备了丰厚的免费学习大礼包,带大家一起学习,给大家剖析Python兼职、就业行情前景的这些事儿。

一、Python所有方向的学习路线

Python所有方向路线就是把Python常用的技术点做整理,形成各个领域的知识点汇总,它的用处就在于,你可以按照上面的知识点去找对应的学习资源,保证自己学得较为全面。

二、学习软件

工欲善其必先利其器。学习Python常用的开发软件都在这里了,给大家节省了很多时间。

三、全套PDF电子书

书籍的好处就在于权威和体系健全,刚开始学习的时候你可以只看视频或者听某个人讲课,但等你学完之后,你觉得你掌握了,这时候建议还是得去看一下书籍,看权威技术书籍也是每个程序员必经之路。

四、入门学习视频

我们在看视频学习的时候,不能光动眼动脑不动手,比较科学的学习方法是在理解之后运用它们,这时候练手项目就很适合了。

四、实战案例

光学理论是没用的,要学会跟着一起敲,要动手实操,才能将自己的所学运用到实际当中去,这时候可以搞点实战案例来学习。

五、面试资料

我们学习Python必然是为了找到高薪的工作,下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料,并且有阿里大佬给出了权威的解答,刷完这一套面试资料相信大家都能找到满意的工作。

成为一个Python程序员专家或许需要花费数年时间,但是打下坚实的基础只要几周就可以,如果你按照我提供的学习路线以及资料有意识地去实践,你就有很大可能成功!
最后祝你好运!!!

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友,可以戳这里无偿获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

  • 8
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值