python窗口化编程_Python GUI编程(Tkinter)、tk模块使用教程、窗口化创建、窗口怎么排版,对应位置放对应东西。...

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

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

第一次写的:

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl81MDEyMzc3MQ==,size_16,color_FFFFFF,t_70#pic_center

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

第二次写的:

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl81MDEyMzc3MQ==,size_16,color_FFFFFF,t_70#pic_center

有了明显的区别。

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

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

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl81MDEyMzc3MQ==,size_16,color_FFFFFF,t_70#pic_center

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

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl81MDEyMzc3MQ==,size_16,color_FFFFFF,t_70#pic_center

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

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

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl81MDEyMzc3MQ==,size_16,color_FFFFFF,t_70#pic_center

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

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

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

大家有用过excel表格把?

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

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

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

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl81MDEyMzc3MQ==,size_16,color_FFFFFF,t_70#pic_center

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

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

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

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

import tkinter as tk

root = tk.Tk()

root.title("窗口标题")

#这里写代码内容

root.mainloop()

不会这个的可以参考我上一个作品

Python GUI编程(Tkinter),tk模块使用教程,窗口化创建

点击上面链接进入

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

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

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl81MDEyMzc3MQ==,size_16,color_FFFFFF,t_70#pic_center

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='挑选一\n张卡牌选\n择一个数字\n(若选错则会\n直接结束哦)')

# --------加载挂件-----------

guajian1.grid()

guajian7.grid()

guajian8.grid()

guajian9.grid()

guajian10.grid()

guajian11.grid()

guajian12.grid()

# --------进入死循环-----------

root.mainloop()

总结思路图

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl81MDEyMzc3MQ==,size_16,color_FFFFFF,t_70#pic_center

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值