这篇文章为了让我自己有了更深刻的了解TK模块而写

先说说写这篇文章的前因吧,有人托我写一个塔罗牌的游戏窗口,就是想把后端程序写的窗口化看得见,经历了一晚上的摸索终于明白了Tk模块是怎么排版的。

第一次写的:


排版很乱,没有层次(这个作品我其实不好意思拿出来)大家和我一样的初学者肯定有和我一样的疑惑,拿出来好给大家对比。

第二次写的:


有了明显的区别。

那么这篇文章就来说说怎么创建tk模块排版思路

tk模块里面不是用像素来定位的,而是抽象化的表格如下图


我们看到他就是一个框,什么都没有,因为我们还没给他排版。这个就是我们的窗口,如何来给他排版,我以我上面的塔罗牌游戏窗口为例写一个位置窗口


这个框架就是我上面的游戏排版,有的人可能说看不懂,为什么因为我的排版不是每个东西都是正方形的。

好,这时候我来给他规划一下


这样大家是不是可以看懂了?

对的,我们的TK模块就是利用表格的性质来排版

可是这时候有同学要问了,这是这么排版那这么定位那个时那个

大家有用过excel表格把?

表格是不是用 A1、A2、A3来定位列,1、2、3来定位行,

tk模块时直接用数字来定位行与列,row(行)、column(柱)一个行来定位赋值给数字来定位行,柱也同理

我们的表格最左上为0,0,相当于row=0,column=0.这样就是第一个了如下图


我的标题就是放在0,2这个位置,扑克牌图片放在1,0至1,4这个位置以此类推。

好我们讲完了这么太排版接下来就是怎么写代码了。

在写代码前我们得学怎么窗口TK模块运行框架

第一件事情不说了就是先导入模块和进入窗口循环代码如下:

import tkinter as tk
root = tk.Tk()
root.title("窗口标题")
#这里写代码内容
root.mainloop()

我们这里主要将怎么写内容

我们写内容的思路是这样的


1.创建分区

Frame(height=100,width=50)
height设置区域(高)度
width设置区域(宽)度

特别注意这个不是位置,是这个区域被创建出来的大小,如果我上面的图片0,1这个位置,大小为eight=30,width=10

2.创建布局

分区值..grid(row=0,column=0)

分区值就是把分区赋值给一个函数然后写第二行这个

这里就是放这个分区在表格中第几个位置了

row(行)设置第几行

column(柱)设置第几列

3.创建挂件

这里我以创建标签挂架为例子

Label(分区值, text='标签内容')

分区值还是上面的分区赋予的值

标签内容就自己写哈

4.加载挂件

挂件值.grid()

这里的挂件值就是第三步挂架赋予的值

有了这四部内容,这么一来程序就可以运行了。

下面我给大家一个简单的案例,大家对照我上面的所将的内容分析一下哈

from tkinter import *
import time
# --------头部代码----------
root = Tk()
root.title('窗口标题')
# --------创建分区-----------
fenqu1=Frame(height=10,width=50)
fenqu7=Frame(height=10,width=10)
fenqu8=Frame(height=10,width=10)
fenqu9=Frame(height=10,width=10)
fenqu10=Frame(height=10,width=10)
fenqu11=Frame(height=10,width=10)
fenqu12=Frame(height=10,width=50)
# --------创建分布-----------
fenqu1.grid(row=0,column=2)
fenqu7.grid(row=2,column=0)
fenqu8.grid(row=2,column=1)
fenqu9.grid(row=2,column=2)
fenqu10.grid(row=2,column=3)
fenqu11.grid(row=2,column=4)
fenqu12.grid(row=3,column=2)
# --------创建挂件-----------
guajian1=Label(fenqu1, text='标题')
guajian7=Button(fenqu7,text = '按钮1' )
guajian8=Button(fenqu8,text = '按钮2')
guajian9=Button(fenqu9,text = '按钮3' )
guajian10=Button(fenqu10,text = '按钮4' )
guajian11=Button(fenqu11,text = '按钮5' )
guajian12=Label(fenqu12, text='挑选一

张卡牌选

择一个数字

(若选错则会

直接结束哦)')

# --------加载挂件-----------
guajian1.grid()
guajian7.grid()
guajian8.grid()
guajian9.grid()
guajian10.grid()
guajian11.grid()
guajian12.grid()
# --------进入死循环-----------
root.mainloop()

总结思路图


如果上面还有什么不清楚的记得留言给我,我随时更新文档哈,看了这么久,给我点点赞和关注一下吧。嘻嘻,下个文章见。