你想打造属于自己的GUI图形化界面吗?看看这个文章!(三)

简介: 你想打造属于自己的GUI图形化界面吗?看看这个文章!(三)

⑦ 调整控件的摆放位置

首先我们需要搞明白,显示窗口究竟采用的是什么样子的布局方式呢?其实是网格式的布局方式。那么什么又是网格式的布局方式呢?excel表格你知道吧,一个个的格子就是网格式的布局方式。image.png


好了!知道了上述原理后,我们现在来真正的调整这个控件摆放位置啦。


from tkinter import *
from tkinter import messagebox
# 创建窗口:实例化一个窗口对象。
root = Tk()
# 窗口大小
root.geometry("600x450+374+182")
#  窗口标题
root.title("我的个性签名设计")
# 添加标签控件
label = Label(root,text="签名:",font=("宋体",25),fg="red")
# 定位
label.grid()
"""
label.grid()等价于label.grid(row=0,column=0)
"""
# 添加输入框
entry = Entry(root,font=("宋体",25),fg="red")
entry.grid(row=0,column=1)
"""
row=0,column=1表示我们将输入框控件,放在第1行第2列的位置;
python语言中,这个下标是从0开始的。
"""
# 显示窗口
root.mainloop()


结果如下:

image.png


⑧ 添加点击按钮

Button(root,text="签名设计",font=("宋体",25),fg="red")添加输入框

第一个参数传入的就是实例化的那个root窗口对象;第二个参数展示的是我们这个点击按钮的标签;第三个参数可写可不写,指的是点击按钮字体的字体样式和字体大小;第四个参数同样可写可不写,表示的是点击按钮字体的颜色。

同样,仅仅使用上述代码并不会显示输入框,只有调用grid()方法,定位后,才会真正显示这个点击按钮;

from tkinter import *
from tkinter import messagebox
# 创建窗口:实例化一个窗口对象。
root = Tk()
# 窗口大小
root.geometry("600x450+374+182")
#  窗口标题
root.title("我的个性签名设计")
# 添加标签控件
label = Label(root,text="签名:",font=("宋体",25),fg="red")
# 定位
label.grid()
# 添加输入框
entry = Entry(root,font=("宋体",25),fg="red")
entry.grid(row=0,column=1)
# 添加点击按钮
button = Button(root,text="签名设计",font=("宋体",25),fg="blue")
button.grid(row=1,column=1)
# 显示窗口
root.mainloop()


结果如下:

image.png

至此界面已经简单搭建起来了,接下来要做的就是输入一个名字,点击签名设计后,会显示我的这个签名,此时就需要借助爬虫啦!!!


⑨ 点击按钮自定义功能

这里最后补充这个知识点,我们点击按钮后,总是希望能够给我们返回点什么,所以呢,需要我们自定义函数。


from tkinter import *
from tkinter import messagebox
def func():
    print("我是黄同学")
# 创建窗口:实例化一个窗口对象。
root = Tk()
# 窗口大小
root.geometry("600x450+374+182")
#  窗口标题
root.title("我的个性签名设计")
# 添加标签控件
label = Label(root,text="签名:",font=("宋体",25),fg="red")
# 定位
label.grid()
# 添加输入框
entry = Entry(root,font=("宋体",25),fg="red")
entry.grid(row=0,column=1)
# 添加点击按钮
button = Button(root,text="签名设计",font=("宋体",25),fg="blue",command=func)
button.grid(row=1,column=1)
"""
command=func表示调用最开始定义的func函数。
func函数一定要在这句代码之前,因为这里需要调用这个func函数。
"""
# 显示窗口
root.mainloop()


结果如下:

image.png

未完待续!明天我将会解答这个文章的下篇,带你真正打造属于自己的签名设计窗口…


相关文章
|
27天前
|
数据可视化 搜索推荐
GUI图形用户界面
【10月更文挑战第8天】
|
3月前
|
Linux 网络安全 UED
在Linux中, 什么是命令行界面(CLI)和图形用户界面(GUI)?
在Linux中, 什么是命令行界面(CLI)和图形用户界面(GUI)?
|
4月前
|
Linux
(GUI)切换到命令行界面(CLI)
【7月更文挑战第15天】
117 4
|
5月前
|
XML 数据库 C++
用户图形界面(GUI)入门
用户图形界面(GUI)入门
|
6月前
|
人工智能 C# 开发者
C#编程中的图形界面设计
【4月更文挑战第21天】本文探讨了C#在GUI设计中的应用,介绍了Windows Forms、WPF和UWP等常用框架,强调了简洁界面、响应式设计和数据绑定等最佳实践。通过实际案例,展示了C#在企业应用、游戏开发和移动应用中的GUI实现。随着技术发展,C#在GUI设计的未来将趋向于跨平台、更丰富的组件和AI集成,为开发者创造更多可能性。
479 2
你想打造属于自己的GUI图形化界面吗?看看这个文章!(一)
你想打造属于自己的GUI图形化界面吗?看看这个文章!(一)
你想打造属于自己的GUI图形化界面吗?看看这个文章!(一)
你想打造属于自己的GUI图形化界面吗?看看这个文章!(二)
你想打造属于自己的GUI图形化界面吗?看看这个文章!(二)
你想打造属于自己的GUI图形化界面吗?看看这个文章!(二)
Linux 安装图形化界面(GUI)
安装 Linux 主机时,如果选择 最小化安装!
Linux 安装图形化界面(GUI)
|
iOS开发 MacOS Windows
GUI 是什么
GUI 是什么
308 0
|
Web App开发 Linux 定位技术