前端挑战:Tkinter布局与设计【三种布局】

前端挑战:Tkinter布局与设计【三种布局】

前言

作为一个前端开发,习惯性的用HTML去解决客户端的问题。然而在开发PC客户端的时候,electron 打包太大了,有时候只是简单实现一个PC小工具,就要装一个浏览器内核进去,有点太舞刀弄枪了,而且运行起来内存也超大。

遂学习 python 内置的 tkinter 来做一些小工具。市面上很多教程都是讲组件,个人认为那些只是用到的时候才会查的一些文档,没有什么思考的地方。学过css + html 的都知道,标签什么的都是用到才学,最开始的思路都是布局,页面设计实现。所以写一篇博客,来专门测试、讲解布局。

Frame 窗口组件

本文主要讲的是布局,所以就单纯的使用 Frame 窗口组件来布局。Frame其实是一个容器,用HTML来理解,就是一个 div 标签。里面可以嵌套 Frame 。

代码

import tkinter as tk  # 导入Tkinter模块,用于创建图形用户界面

# 实例化Tk对象,创建主窗口
window = tk.Tk()

# 设置窗口的标题
window.title('My Window')

# 设置窗口的初始大小(宽度x高度)
window.geometry('500x300')

# 创建一个Frame,它将作为主窗口内的一个容器
frame = tk.Frame(window , bg='lightblue')

# 将Frame添加到主窗口中
frame.pack(expand=True, fill='both')

# 进入Tkinter的事件循环,等待用户操作
window.mainloop()

效果

image-20240710114014361

Tkinter的布局

组件的三种布局有三种方式 gridpackplace 。这三种方式可以单独使用也可以,同时使用。去完成一些左右布局,上下布局,圣杯布局,表单布局等等。

grid 网格布局

grid 是网格的意思,这种布局方案是将窗口划分为一个个网格。

import tkinter as tk  # 导入Tkinter模块,用于创建图形用户界面

# 实例化Tk对象,创建主窗口
window = tk.Tk()

# 设置窗口的标题
window.title('简单布局')

# 设置窗口的初始大小(宽度x高度)
window.geometry('500x300'

相关推荐

  1. tkinter页面及treeview布局

    2024-07-21 00:44:01       37 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-21 00:44:01       123 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-21 00:44:01       131 阅读
  3. 在Django里面运行非项目文件

    2024-07-21 00:44:01       109 阅读
  4. Python语言-面向对象

    2024-07-21 00:44:01       117 阅读

热门阅读

  1. 【Unity C#基础】浅谈List底层逻辑

    2024-07-21 00:44:01       28 阅读
  2. 24、获取NCL色标并将其保存为Excel文件

    2024-07-21 00:44:01       30 阅读
  3. 算法学习day18(字符串)

    2024-07-21 00:44:01       24 阅读
  4. 【总结】计组第三章大局观:访存相关

    2024-07-21 00:44:01       21 阅读
  5. 数据结构的分类

    2024-07-21 00:44:01       25 阅读
  6. 数据仓库事实表

    2024-07-21 00:44:01       28 阅读
  7. [运算符重载 - 取地址运算符 - const 成员函数]

    2024-07-21 00:44:01       26 阅读
  8. Python print() 格式化输出

    2024-07-21 00:44:01       35 阅读