Tkinter教程(每天半小时,3天彻底掌握Tkinter)day2

举报
红目香薰 发表于 2022/10/28 00:14:00 2022/10/28
【摘要】 ​ ​编辑Tkinter教程(每天半小时,3天彻底掌握Tkinter)day2目录Tkinter教程(每天半小时,3天彻底掌握Tkinter)day2教程环境Tkinter布局Tkinter常用控件和属性控件类型控件基本属性Tkinter Label标签控件Python tkinter之PhotoImage图片显示问题 python表单python Entry输入框python Entry输...

 编辑

Tkinter教程(每天半小时,3天彻底掌握Tkinter)day2


目录

Tkinter教程(每天半小时,3天彻底掌握Tkinter)day2

教程环境

Tkinter布局

Tkinter常用控件和属性

控件类型

控件基本属性

Tkinter Label标签控件

Python tkinter之PhotoImage图片显示问题 

python表单

python Entry输入框

python Entry输入框特殊属性

python Entry常用函数

python Button按钮

Spinbox选项

python Text示例





教程环境

运行系统:win10

开发工具:PyCharm Community Edition 2021.3.1 

Tkinter布局

网格布局grid()

grid() 函数是一种基于网格式的布局管理方法,相当于把窗口看成了一张由行和列组成的表格。当使用该 grid 函数进行布局的时,表格内的每个单元格都可以放置一个控件。,从而实现对界面的布局管理。

grid() 函数的常用参数如下所示:

属性 说明
column 控件位于表格中的第几列,窗体最左边的为起始列,默认为第 0 列
columnsapn 控件实例所跨的列数,默认为 1 列,通过该参数可以合并一行中多个领近单元格。
ipadx,ipady 用于控制内边距,在单元格内部,左右、上下方向上填充指定大小的空间。
padx,pady 用于控制外边距,在单元格外部,左右、上下方向上填充指定大小的空间。
row 控件位于表格中的第几行,窗体最上面为起始行,默认为第 0 行
rowspan 控件实例所跨的行数,默认为 1 行,通过该参数可以合并一列中多个领近单元格。
sticky 该属性用来设置控件位于单元格那个方位上,参数值和 anchor 相同,若不设置该参数则控件在单元格内居中

grid() 方法相比 pack() 方法来说要更加灵活,以网格的方式对组件进行布局管理,让整个布局显得非常简洁、优雅。

基础示例:

from tkinter import *

# 主窗口
win = Tk()
win.config(bg='#DCE2F1')
win.title("grid网格布局示例")
win.geometry('800x600')
win.iconbitmap('csdn.ico')
# 在窗口内创建按钮,以表格的形式依次排列
for i in range(10):
    for j in range(10):
        Label(win, text=" (" + str(i) + "," + str(j) + ")", fg='red', font=('宋体', 12, 'bold')).grid(row=i, column=j)
# 在第11行第1列添加一个Label标签
Label(win, text="CSDN", fg='blue', font=('宋体', 20, 'bold')).grid(row=11, column=1)
# 开始窗口的事件循环
win.mainloop()

这里的初始坐标以0开始。 

编辑

通过grid布局能更加直观,就是一个大表格,想往哪放就写啥坐标。

咱们把布局稍微处理一下

from tkinter import *
from tkinter.ttk import Separator

# 主窗口
win = Tk()
win.config(bg='#DCE2F1')
win.title("grid网格布局示例")
screenwidth = win.winfo_screenwidth()
screenheight = win.winfo_screenheight()
dialog_width = 800
dialog_height = 600
# 前两个参数是窗口的大小,后面两个参数是窗口的位置
win.geometry(
    "%dx%d+%d+%d" % (dialog_width, dialog_height, (screenwidth - dialog_width) / 2, (screenheight - dialog_height) / 2))
win.iconbitmap('csdn.ico')
# 在窗口内创建按钮,以表格的形式依次排列
Label(win, text="我是标题", fg='red', font=('宋体', 12, 'bold')).grid(row=0, column=0)
Label(win, text=" ", bg="#DCE2F1", font=('宋体', 5, 'bold')).grid(row=1, column=0)
Label(win, text="我是操作菜单1", fg='red', font=('宋体', 12, 'bold')).grid(row=2, column=0)
Label(win, text="我是操作菜单2", fg='red', font=('宋体', 12, 'bold')).grid(row=2, column=1)
Label(win, text="我是操作菜单3", fg='red', font=('宋体', 12, 'bold')).grid(row=2, column=2)
Label(win, text="我是操作菜单4", fg='red', font=('宋体', 12, 'bold')).grid(row=2, column=3)
Label(win, text="我是操作菜单5", fg='red', font=('宋体', 12, 'bold')).grid(row=2, column=4)
Label(win, text=" ", bg="#DCE2F1", font=('宋体', 5, 'bold')).grid(row=3, column=0)
Label(win, text="我是信息录入1", fg='red', font=('宋体', 12, 'bold')).grid(row=4, column=0)
Label(win, text="我是信息录入2", fg='red', font=('宋体', 12, 'bold')).grid(row=4, column=1)

# 开始窗口的事件循环
win.mainloop()

其实布局也就这样,与H5栅格化开发没啥区别。 

编辑

特别备注,grid的合并单元格与H5的类似,属性如下:

属性 属性值
rowspan 需要合并的行数
columnspan  需要合并的列数
.grid(row=6, column=0, rowspan=3)
.grid(row=6, column=0, columnspan=3)

Tkinter常用控件和属性

我们知道,一个完整的 GUI 程序,其实是由有许多小的控件(widgets)构成的,比如按钮、文本框、输入框、选择框、菜单栏等等。在学习 Tkinter GUI 编程的过程中,不仅要学会如何摆放这些控件,还是掌握各种控件的功能、属性,只有这样才能开发出一个界面设计优雅,功能设计完善的 GUI 程序。

控件类型

下表列出了 Tkinter 中常用的 13 个控件:

控件类型 控件名称 控件作用
Button 按钮 点击按钮时触发/执行一些事件(函数)
Checkbutton 复选框 多项选择按钮,用于在程序中提供多项选择框
Entry 文本框输入框 用于接收单行文本输入
Frame 框架(容器)控件 定义一个窗体(根窗口也是一个窗体),用于承载其他控件,即作为其他控件的容器
Lable 标签控件 用于显示单行文本或者图片
LableFrame 容器控件 一个简单的容器控件,常用于复杂的窗口布局。
Listbox 列表框控件 以列表的形式显示文本
Menu 菜单控件 菜单组件(下拉菜单和弹出菜单)
Menubutton 菜单按钮控件 用于显示菜单项
Message 信息控件 用于显示多行不可编辑的文本,与 Label控件类似,增加了自动分行的功能
messageBox 消息框控件 定义与用户交互的消息对话框
OptionMenu 选项菜单 下拉菜单
PanedWindow 窗口布局管理组件 为组件提供一个框架,允许用户自己划分窗口空间
Radiobutton 单选框 单项选择按钮,只允许从多个选项中选择一项
Scale 进度条控件 定义一个线性“滑块”用来控制范围,可以设定起始值和结束值,并显示当前位置的精确值
Spinbox 高级输入框 Entry 控件的升级版,可以通过该组件的上、下箭头选择不同的值
Scrollbar 滚动条 默认垂直方向,鼠标拖动改变数值,可以和 Text、Listbox、Canvas等控件配合使用
Text 多行文本框 接收或输出多行文本内容

控件基本属性

属性名称 说明
anchor 定义控件或者文字信息在窗口内的位置
bg bg 是 background 的缩写,用来定义控件的背景颜色,参数值可以颜色的十六进制数,或者颜色英文单词
bitmap 定义显示在控件内的位图文件
borderwidth 定于控件的边框宽度,单位是像素
command 该参数用于执行事件函数,比如单击按钮时执行特定的动作,可将执行用户自定义的函数
cursor 当鼠标指针移动到控件上时,定义鼠标指针的类型,字符换格式,参数值有 crosshair(十字光标)watch(待加载圆圈)plus(加号)arrow(箭头)等
font 若控件支持设置标题文字,就可以使用此属性来定义,它是一个数组格式的参数 (字体,大小,字体样式)
fg fg 是 foreground 的缩写,用来定义控件的前景色,也就是字体的颜色
height 该参数值用来设置控件的高度,文本控件以字符的数目为高度(px),其他控件则以像素为单位
image 定义显示在控件内的图片文件
justify 定义多行文字的排列方式,此属性可以是 LEFT/CENTER/RIGHT
padx/pady 定义控件内的文字或者图片与控件边框之间的水平/垂直距离
relief 定义控件的边框样式,参数值为FLAT(平的)/RAISED(凸起的)/SUNKEN(凹陷的)/GROOVE(沟槽桩边缘)/RIDGE(脊状边缘)
text 定义控件的标题文字
state 控制控件是否处于可用状态,参数值默认为 NORMAL/DISABLED,默认为 NORMAL(正常的)
width 用于设置控件的宽度,使用方法与 height 相同

有用了这么多的空间我们能进行布局了。

Tkinter Label标签控件

其实Lable的属性还是挺多的,就拿方向来说。上n下s左w右e,还有一个center,如果是四个角,那就根据是个方向的字母拼一下。我这有个列表,需要的过来复制就行,挺方便。

属性名称 说明
anchor 控制文本(或图像)在 Label 中显示的位置(方位),通过方位的英文字符串缩写(n、ne、e、se、s、sw、w、nw、center)实现定位,默认为居中(center)
bg 用来设置背景色
bd 即 borderwidth 用来指定 Label 控件的边框宽度,单位为像素,默认为 2 个像素
bitmap 指定显示在 Label 控件上的位图,若指定了 image 参数,则该参数会被忽略
compound 控制 Lable 中文本和图像的混合模式,若选项设置为 CENTER,则文本显示在图像上,如果将选项设置为 BOTTOM、LEFT、RIGHT、TOP,则图像显示在文本旁边。
cursor 指定当鼠标在 Label 上掠过的时候,鼠标的的显示样式,参数值为 arrow、circle、cross、plus
disableforeground 指定当 Label 设置为不可用状态的时候前景色的颜色
font 指定 Lable 中文本的 (字体,大小,样式)元组参数格式,一个 Lable 只能设置一种字体
fg 设置 Label 的前景色
height/width 设置 Lable 的高度/宽度,如果 Lable 显示的是文本,那么单位是文本单元,如果 Label 显示的是图像,那么单位就是像素,如果不设置,Label 会自动根据内容来计算出标签的高度
highlightbackground 当 Label 没有获得焦点的时候高亮边框的颜色,系统的默认是标准背景色
highlightcolor 指定当 Lable 获得焦点的话时候高亮边框的颜色,系统默认为0,不带高亮边框
image 指定 Label 显示的图片,一般是 PhotoImage、BitmapImage 的对象
justify 表示多行文本的对齐方式,参数值为 left、right、center,注意文本的位置取决于 anchor 选项
padx/pady padx 指定 Label 水平方向上的间距(即内容和边框间),pady 指定 Lable 水平方向上的间距(内容和边框间的距离)
relief 指定边框样式,默认值是 "flat",其他参数值有 "groove"、"raised"、"ridge"、"solid"或者"sunken"
state 该参数用来指定 Lable 的状态,默认值为"normal"(正常状态),其他可选参数值有"active"和"disabled"
takefocus 默认值为False,如果是 True,表示该标签接受输入焦点
text 用来指定 Lable 显示的文本,注意文本内可以包含换行符
underline 给指定的字符添加下划线,默认值为 -1 表示不添加,当设置为 1 时,表示给第二个文本字符添加下划线。
wraplength 将 Label 显示的文本分行,该参数指定了分行后每一行的长度,默认值为 0

这是合并了3列的一个Lable,设置了边距内容大小,内边距,外边距,一个凹陷的文字框。

Label(win, text="显示信息", font=('宋体', 20, 'bold italic'), bg="#87CEEB",
      # 设置标签内容区大小
      width=30, height=5,
      # 设置填充区距离、边框宽度和其样式(凹陷式)
      padx=10, pady=15, borderwidth=10, relief="sunken").grid(row=6, column=0, columnspan=3)

编辑

Python tkinter之PhotoImage图片显示问题 


  1. PhotoImage不支持jpg等图片格式;
  2. 将PhotoImage放在函数里图片不显示;
  3. 循环加入图片只显示一张;
# 图片装填
photo = PhotoImage(file='bg.png', width=400, height=300)
Label(win, image=photo, justify='left').grid(row=8, column=0, columnspan=5)

编辑

Lable不是很负责就不多说了啊。我们目标是表单操作。

python表单

python Entry输入框

python Entry输入框特殊属性

属性名称 说明
exportselection 默认情况下,如果在输入框中选中文本会复制到粘贴板,如果要忽略这个功能,可以设置为 exportselection=0
selectbackground 选中文字时的背景颜色
selectforeground 选中文字时的前景色
show 指定文本框内容以何种样式的字符显示,比如密码可以将值设为 show="*"
textvariable 输入框内值,也称动态字符串,使用 StringVar() 对象来设置,而 text 为静态字符串对象
xscrollcommand 设置输入框内容滚动条,当输入的内容大于输入框的宽度时使用户

上述表格中提及了 StringVar() 方法,和其同类的方法还有 BooleanVar()、DoubleVar()、IntVar() 方法,不难看出他们分别代表一种数据类型,即字符串、布尔值、浮点型、整型,这些方法并不属于 Python 内置方法,而是 Tkinter 特有的方法。

在界面编程的过程中,有时我们需要“动态跟踪”一些变量值的变化,从而保证值的变换及时的反映到显示界面上,但是 Python 内置的数据类型是无法这一目的的,因此使用了 Tcl 内置的对象,我们把这些方法创建的数据类型称为“动态类型”,比如 StringVar() 创建的字符串,称为“动态字符串”。

from tkinter import *
import time

# 主窗口
win = Tk()
win.config(bg='#DCE2F1')
win.title("grid网格布局示例")
screenwidth = win.winfo_screenwidth()
screenheight = win.winfo_screenheight()
dialog_width = 800
dialog_height = 600
# 前两个参数是窗口的大小,后面两个参数是窗口的位置
win.geometry(
    "%dx%d+%d+%d" % (dialog_width, dialog_height, (screenwidth - dialog_width) / 2, (screenheight - dialog_height) / 2))
win.iconbitmap('csdn.ico')
# 在窗口内创建按钮,以表格的形式依次排列
Label(win, text="时钟demo", fg='red', font=('宋体', 12, 'bold')).grid(row=0, column=0)
Label(win, text=" ", bg="#DCE2F1", font=('宋体', 5, 'bold')).grid(row=1, column=0)


# 获取时间的函数
def gettime():
    # 获取当前时间
    dstr.set(time.strftime("%H:%M:%S"))
    # 每隔 1s 调用一次 gettime()函数来获取时间
    win.after(1000, gettime)


# 生成动态字符串
dstr = StringVar()
# 利用 textvariable 来实现文本变化
Label(win, textvariable=dstr, fg='black', font=("微软雅黑", 85)).grid(row=2, column=0)
# 调用生成时间的函数
gettime()
# 开始窗口的事件循环
win.mainloop()

编辑

python Entry常用函数

方法 说明
delete() 根据索引值删除输入框内的值
get() 获取输入框内的是
set() 设置输入框内的值
insert() 在指定的位置插入字符串
index() 返回指定的索引值
select_clear() 取消选中状态
select_adujst() 确保输入框中选中的范围包含 index 参数所指定的字符,选中指定索引和光标所在位置之前的字符
select_from (index) 设置一个新的选中范围,通过索引值 index 来设置
select_present() 返回输入框是否有处于选中状态的文本,如果有则返回 true,否则返回 false。
select_to() 选中指定索引与光标之间的所有值
select_range() 选中指定索引与光标之间的所有值,参数值为 start,end,要求 start 必须小于 end。

注意:在 Entry 控件中,我们可以通过以下方式来指定字符的所在位置:

  • 数字索引:表示从 0 开始的索引数字;
  • "ANCHOE":在存在字符的情况下,它对应第一个被选中的字符;
  • "END":对应已存在文本中的最后一个位置;
  • "insert(index,'字符'):将字符插入到 index 指定的索引位置。

python Button按钮

这里要注意的是有几个Entry就需要定义几个StringVar(),否则无法顺利的拿到输入框的值。

from tkinter import *
from tkinter import messagebox

# 主窗口
win = Tk()
win.config(bg='#DCE2F1')
win.title("grid网格布局示例")
screenwidth = win.winfo_screenwidth()
screenheight = win.winfo_screenheight()
dialog_width = 800
dialog_height = 600
# 前两个参数是窗口的大小,后面两个参数是窗口的位置
win.geometry(
    "%dx%d+%d+%d" % (dialog_width, dialog_height, (screenwidth - dialog_width) / 2, (screenheight - dialog_height) / 2))
win.iconbitmap('csdn.ico')
# 在窗口内创建按钮,以表格的形式依次排列
Label(win, text="input输入框", fg='red', font=('宋体', 12, 'bold')).grid(row=0, column=0)
Label(win, text=" ", bg="#DCE2F1", font=('宋体', 5, 'bold')).grid(row=1, column=0)

# 创建输入框
Label(win, text="用户名", fg="black", font=('宋体', 12, 'bold')).grid(row=2, column=0)
userName = StringVar()
Entry(win, textvariable=userName).grid(row=2, column=1)
Label(win, text=" ", bg="#DCE2F1", font=('宋体', 5, 'bold')).grid(row=3, column=0)
pwd = StringVar()
Label(win, text="密码", font=('宋体', 12, 'bold')).grid(row=4, column=0)
Entry(win, textvariable=pwd, show="*").grid(row=4, column=1)
Label(win, text=" ", bg="#DCE2F1", font=('宋体', 5, 'bold')).grid(row=5, column=0)


def login_button():
    """登录按钮"""
    messagebox.showinfo(title='温馨提示', message='登录成功\n账号{0},密码{1}'.format(userName.get(), pwd.get()))


Button(win, text="登录", command=login_button, default='active').grid(row=6, column=0)
# 开始窗口的事件循环
win.mainloop()

编辑

Spinbox选项

# 选项
Spinbox(win, values=('Python', 'java', 'C', 'PHP'), font=('宋体', 12, 'bold')).grid(row=8, column=1)

编辑

python Text示例

from tkinter import *
from tkinter import messagebox
import requests
import re
import pyperclip

# 主窗口
win = Tk()
win.config(bg='#DCE2F1')
win.title("信息获取")
screenwidth = win.winfo_screenwidth()
screenheight = win.winfo_screenheight()
dialog_width = 800
dialog_height = 600
# 前两个参数是窗口的大小,后面两个参数是窗口的位置
win.geometry(
    "%dx%d+%d+%d" % (dialog_width, dialog_height, (screenwidth - dialog_width) / 2, (screenheight - dialog_height) / 2))
win.iconbitmap('csdn.ico')
# 在窗口内创建按钮,以表格的形式依次排列
Label(win, text="输入要解析的网址/所有网址字符串", fg='red', font=('宋体', 12, 'bold')).grid(row=0, column=0)
Label(win, text="解析好的字符串", fg='red', font=('宋体', 12, 'bold')).grid(row=0, column=1)
Label(win, text=" ", bg="#DCE2F1", font=('宋体', 5, 'bold')).grid(row=1, column=0)

# 创建多文本输入框
in_text = Text(win, width=40, height=30, undo=True,
               autoseparators=False,
               bg="#295273",
               fg="yellow",
               font=('宋体', 12, 'bold'))

out_text = Text(win, width=40, height=30, undo=True,
                autoseparators=False,
                bg="#295273",
                fg="yellow",
                font=('宋体', 12, 'bold'))


def show(str_info):
    headers = {
        "user-agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36"
    }
    rep = "http[s]?://(?:[a-zA-Z]|[0-9]|[$-_@.&+]|[!*\(\),]|(?:%[0-9a-fA-F][0-9a-fA-F]))+"
    listUrl = re.findall(rep, str_info)
    list_not_dup = list()
    for i in listUrl:
        if i not in list_not_dup:
            list_not_dup.append(i)

    strUrl = ""
    for item in list_not_dup:
        html = requests.get(item, headers).url
        result = html.split("?")
        strUrl += result[0] + "\n"

    pyperclip.copy(strUrl)
    return strUrl


def toLong():
    """转换"""
    info = in_text.get("1.0", "end")
    out_text.insert(INSERT, show(info))
    messagebox.showinfo("提示", "已复制到粘贴板")


Button(win, text="解析url", command=toLong).grid(row=2, column=1)
in_text.grid(row=3, column=0)
out_text.grid(row=3, column=1)
# 开始窗口的事件循环
win.mainloop()

示例效果:

编辑


【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。