前端挑衅：Tkinter结构与设计【三种结构】

前端挑衅：Tkinter结构与设计【三种结构】


  
前言

作为一个前端开发，习惯性的用HTML去办理客户端的问题。然而在开发PC客户端的时候，electron 打包太大了，有时候只是简单实现一个PC小工具，就要装一个浏览器内核进去，有点太舞刀弄枪了，而且运行起来内存也超大。
遂学习 python 内置的 tkinter 来做一些小工具。市面上很多教程都是讲组件，个人认为那些只是用到的时候才会查的一些文档，没有什么思考的地方。学过css + html 的都知道，标签什么的都是用到才学，最开始的思路都是结构，页面设计实现。以是写一篇博客，来专门测试、讲解结构。
Frame 窗口组件

本文主要讲的是结构，以是就单纯的使用 Frame 窗口组件来结构。Frame其实是一个容器，用HTML来明确，就是一个 div 标签。内里可以嵌套 Frame 。
代码

1. import tkinter as tk  # 导入Tkinter模块，用于创建图形用户界面
3. # 实例化Tk对象，创建主窗口
4. window = tk.Tk()
6. # 设置窗口的标题
7. window.title('My Window')
9. # 设置窗口的初始大小（宽度x高度）
10. window.geometry('500x300')
12. # 创建一个Frame，它将作为主窗口内的一个容器
13. frame = tk.Frame(window , bg='lightblue')
15. # 将Frame添加到主窗口中
16. frame.pack(expand=True, fill='both')
18. # 进入Tkinter的事件循环，等待用户操作
19. window.mainloop()

复制代码

结果

Tkinter的结构

组件的三种结构有三种方式 grid 、pack 、 place 。这三种方式可以单独使用也可以，同时使用。去完成一些左右结构，上下结构，圣杯结构，表单结构等等。
grid 网格结构

grid 是网格的意思，这种结构方案是将窗口划分为一个个网格。

1. import tkinter as tk  # 导入Tkinter模块，用于创建图形用户界面
3. # 实例化Tk对象，创建主窗口
4. window = tk.Tk()
6. # 设置窗口的标题
7. window.title('简单布局')
9. # 设置窗口的初始大小（宽度x高度）
10. window.geometry('500x300'

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。