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

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

文章目录

  • 前端挑战:Tkinter布局与设计【三种布局】
    • 前言
    • Frame 窗口组件
      • 代码
      • 效果
    • Tkinter的布局
    • grid 网格布局
      • 效果展示:
      • 代码讲解
    • pack 布局
      • 基本使用
      • 左右布局
    • place 布局
      • 代码
      • 预览

前言

作为一个前端开发,习惯性的用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'

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/46133.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

2024.7.14周报

目录 摘要 ABSTRACT 一、文献阅读 一、题目 二、摘要 三、文献解读 一、Introduction 二、KINN框架 三、主要结果 四、Conclusion 二、KAN 一、KAN与MLP区别 二、KAN网络解析 三、激活函数参数化(B-splines) 三、网络架构代码 摘要 本周…

Kafka基础入门篇(深度好文)

Kafka简介 Kafka 是一个高吞吐量的分布式的基于发布/订阅模式的消息队列(Message Queue),主要应用与大数据实时处理领域。 1. 以时间复杂度为O(1)的方式提供消息持久化能力。 2. 高吞吐率。(Kafka 的吞吐量是MySQL 吞吐量的30…

社交网络图数据集

Stanford Large Network Dataset Collection 斯坦福大学大型网络数据集 官方网站:https://snap.stanford.edu/data/ the University of Florida Sparse Matrix Collection 佛罗里达大学稀疏矩阵集合 官方网站:https://sparse.tamu.edu/ 1、com…

Spring源码(三) Spring IoC之BeanFactory创建bean和获取bean

ApplicationContext 和 BeanFactory 可以先简单了解下 ApplicationContext 和 BeanFactory。 详情见: https://blog.csdn.net/sinat_32502451/article/details/140247662 getBean() 代码示例 首先看代码示例,调试一下。 代码详情见: htt…

输入法发展历史

输入法的发展历史,尤其是中文输入法,是一个相当丰富和多元的话题,它反映了技术进步、用户需求变化以及计算机和移动设备界面设计的演进。以下是一个概览: 早期阶段 1970s:朱邦复在1976年发明了仓颉输入法,…

python:绘制一元四次函数的曲线

编写 test_x4_x2_4x.py 如下 # -*- coding: utf-8 -*- """ 绘制函数 y x^4x^24x-3 在 -2<x<2 的曲线 """ import numpy as np from matplotlib import pyplot as plt# 用于正常显示中文标题&#xff0c;负号 plt.rcParams[font.sans-s…

Amazon EC2 部署Ollama + webUI

最近和同事闲聊&#xff0c;我们能不能内网自己部署一个LLM&#xff0c;于是便有了Ollama webUI的尝试 对于Linux&#xff0c;使用一行命令即可 curl -fsSL https://ollama.com/install.sh | shollama --help Large language model runnerUsage:ollam…

网络规划设计师教程(第二版) pdf

网络规划设计师教程在网上找了很多都是第一版&#xff0c;没有第二版。 所以去淘宝买了第二版的pdf&#xff0c;与其自己独享不如共享出来&#xff0c;让大家也能看到。 而且这个pdf我已经用WPS扫描件识别过了&#xff0c;可以直接CtrlF搜索关键词&#xff0c;方便查阅。 链接…

element-ui 表格固定头和固定列表格错位

问题&#xff1a;当 el-table 组件固定了表头和列时&#xff0c;列表数据触发滚动条&#xff0c;列表滚动到底&#xff0c;会有错位。 原因分析&#xff1a;因为固定列和固定表头产生的滚动条宽度不一致&#xff0c;导致有轻微误差。 解决&#xff1a;自定义滚动条高度&#…

PostgreSQL 中如何解决因频繁的小事务导致的性能下降?

&#x1f345;关注博主&#x1f397;️ 带你畅游技术世界&#xff0c;不错过每一次成长机会&#xff01;&#x1f4da;领书&#xff1a;PostgreSQL 入门到精通.pdf 文章目录 PostgreSQL 中解决因频繁小事务导致性能下降的方法 PostgreSQL 中解决因频繁小事务导致性能下降的方法…

搭建调用链监控Zipkin和Sleuth

项目环境: win7、jdk8 1、添加依赖,添加了spring-cloud-starter-zipkin会自动导入Sleuth <!--Sleuth,zipkin--><dependency><groupId>org.springframework.cloud</groupId><artifactId>spring-cloud-starter-zipkin</artifactId><ve…

nodejs实现数据库备份、清空表、删除表

备份数据库 使用 mysqldump 库&#xff0c;实现数据备份 var path require(path) var fs require(fs) const mysqldump require(mysqldump)const backupsMysql () > {const backupFolder path.join(__dirname, backup)if (!fs.existsSync(backupFolder)) {fs.mkdirSync…

基于SpringBoot的校园志愿者管理系统

你好呀&#xff0c;我是计算机学姐码农小野&#xff01;如果有相关需求&#xff0c;可以私信联系我。 开发语言&#xff1a;Java 数据库&#xff1a;MySQL 技术&#xff1a;SpringBoot框架 工具&#xff1a;MyEclipse、Tomcat 系统展示 首页 个人中心 志愿者管理 活动信息…

Python + Playwright(20):模拟手机设备

Python + Playwright(20):模拟手机设备 前言为什么要模拟手机设备?使用Playwright模拟手机设备(基础示例)使用Playwright模拟手机设备(复杂示例)进阶配置和技巧自定义设备配置:模拟特定的屏幕尺寸移动设备性能测试测量页面加载时间模拟不同的网络条件总结前言 在UI自动…

【每日一练】python函数与装饰器

Python装饰器是一种用于修改函数或类的行为的语法结构。装饰器可以在不修改原始函数或类的情况下&#xff0c;为它们添加额外的功能。 使用装饰器的常见场景是在不改变原函数代码的情况下&#xff0c;给函数添加日志记录、性能统计、输入验证等功能。装饰器还可以用于授权、缓…

SQL性能下降的原因

一、SQL性能下降的原因 主要是性能下降SQL慢、执行时间长、等待时间长 不是一条SQL抓出来就要优化&#xff0c;在真实的生产环境下这种故障第一个要去复线&#xff0c;有可能去排查的时候没&#xff0c;所以没法复线。 可能需要它跑半天或者一天来缩小筛查的范围&#xff0c…

ThingsBoard本地windows环境启动

提示&#xff1a;以下内容只是本人自己在环境运行情况&#xff0c;不同环境或许会有区别请注意甄别 本地部署 前言简介正文实现总结 前言 前置环境的配置&#xff0c;首先电脑需要配置了git、maven、JDK17 本人使用的maven版本号为3.8.4 软件版本号git2.42.0maven3.8.4jdk17n…

three-tile开发: 5. 取得地图的地面信息

three-tile 是一个开源的轻量级三维瓦片库&#xff0c;它基于threejs使用typescript开发&#xff0c;提供一个三维地形模型&#xff0c;能轻松给你的应用增加三维瓦片地图。 项目地址&#xff1a;GitHub - sxguojf/three-tile: 3D tile map using threejs 示例地址&#xff1a;…

JVM:自动垃圾回收

文章目录 一、C/C的内存管理二、Java的内存管理1、方法去的回收2、堆回收&#xff08;1&#xff09;引用计数法和可达性分析法&#xff08;2&#xff09;五种对象引用&#xff08;3&#xff09;垃圾回收算法&#xff08;4&#xff09;垃圾回收器 一、C/C的内存管理 在C和C没有…

uni-app 蓝牙传输

https://www.cnblogs.com/ckfuture/p/16450418.html https://www.cnblogs.com/yangxiaobai123/p/16021058.html 字符串转base64&#xff1a;https://www.cnblogs.com/sunny3158/p/17312158.html 将 ArrayBuffer 对象转成 Base64 字符串&#xff1a;基础 - uni.arrayBufferT…