效果展示

我在使用tkinter进行界面化操作的时候，会遇到运行很慢的程序，比如：爬虫下载视频、压缩解压文件，这些操作会很耗时间。

Floodgauge可以显示长时间运行操作状态的小部件，可以用来显示后台函数执行进度！比如下面这个界面：

点击开始后，执行自定义的函数，进度条会随着程序的运行不断变化，加载的进度也是自定义函数传入的值。用这种方式来显示程序的运行状态，可以说是非常直观！

源码解析

我会划分步骤，详细的解析该如何做出上面的界面。如果你也需要这种操作，不妨一起学习一下！

导包

import random
import time
import tkinter as tk
from ttkbootstrap.constants import INFO, DETERMINATE, DANGER, INDETERMINATE
from ttkbootstrap import Frame,Button,Floodgauge

使用random库随机生成一个数字，在使用time库让程序休息一会，用来模拟函数长时间运行的状态

原生的tkinter创建的界面比较粗糙，使用ttkbootstrap来美化生成的界面

Floodgauge组件

显示长时间运行操作状态的小部件，可以用来显示后台函数执行进度！

参数说明

• mask：
  进度条上显示的内容，比如：mask=‘loading…{}%’

• maximum：
  进度条最大值

• length：
  进度条长度

• font：
  进度上文字的字体设置，比如：font=(“微软雅黑”, 18, ‘bold’)

• mode：
  mode=DETERMINATE【默认】 进度条动画从0到100慢慢变长
  mode=INDETERMINATE 进度条是一个块，从0滑动到100

• bootstyle：
  进度条显示的样式，有以下样式可选：

  PRIMARY = 'primary'
  SECONDARY = 'secondary'
  SUCCESS = 'success'
  DANGER = 'danger'
  WARNING = 'warning'
  INFO = 'info'
  LIGHT = 'light'
  DARK = 'dark'
  

界面初始化

使用python中的类，来创建界面是最好的选择。这里我创建了一个 LearnFloodgauge 类，对其进行初始化操作：

• 设置窗口的宽度和高度
• 创建tkinter主框架【主界面】
• 创建进度条框架

具体的代码如下：

class LearnFloodgauge:
    def __init__(self):
        # 设置窗口的宽度和高度
        self.win_width = 660
        self.win_height = 410
        # tkinter主框架【主界面】
        self.root = tk.Tk()
        self.root.geometry("%sx%s"%(self.win_width,self.win_height))
        # 进度条框架
        self.fg = Floodgauge(
            self.root,
            bootstyle=INFO,
            mode=DETERMINATE,
            # mode=INDETERMINATE,
            length=300,
            maximum=100,
            font=("微软雅黑", 18, 'bold'),
            mask='loading...{}%',
        )

创建窗口

在 LearnFloodgauge 类中再创建一个创建窗口的方法 window 方法，这个方法的主要功能是：

• 创建一个开始按钮
• 按钮布局在第一行第一列
• 进度条布局在第二行第一列
• 配置进度条数值

具体代码如下：

def window(self):
    # 创建一个开始按钮
    button = Button(self.root, text="开始", bootstyle=DANGER, width=10, command=self.fun)
    # 按钮布局在第一行第一列
    button.grid(row=1,column=1,padx=5,pady=5)
    # 进度条布局在第二行第一列
    self.fg.grid(row=2,column=1,padx=5,pady=5)
    # 配置进度条数值
    self.fg.configure(value=0)
    self.root.mainloop()

修改数值

在 LearnFloodgauge 类中再创建一个自定义的方法 fun 该方法用来模拟程序长时间运行的操作：

• 在 for 循环中为进度条赋值
• 赋值后需要更新一下界面
• 用time.sleep是程序暂停几秒
• 循环完成后，结束赋值

def fun(self):
    # 自定义的函数
    # 进度条开始
    self.fg.start()
    for i in [1, 3, 6, 9, 10, 25, 36, 78, 89, 99]:
        # 配置显示数值，程序运行的进度
        self.fg.configure(value=i)
        # 需要更新一下界面，否则会卡死
        self.fg.update()
        self.root.update()
        # 随机休息几秒
        sleep_time = random.randint(2, 5)
        time.sleep(sleep_time)
    # 循环完成，进度条停止
    self.fg.stop()

运行

使用main方法进行运行：

if __name__ == '__main__':
    t = LearnFloodgauge()
    t.window()

运行之后效果如下：

源码地址

链接：https://pan.baidu.com/s/1MNmi4KRkjILFnTHW3ekvrA?pwd=oth6