使用 Tkinter 构建 WebP 转换器：从函数传递数值并绑定按钮

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

使用 Tkinter 构建 WebP 转换器：从函数传递数值并绑定按钮

2025-11-03

浏览次数：次

返回列表

使用 tkinter 构建 webp 转换器：从函数传递数值并绑定按钮

本文档旨在指导您使用 Python 和 Tkinter 库创建一个简单的图像到 WebP 格式转换工具。我们将重点介绍如何从一个函数获取数值并将其传递给另一个函数，以及如何将函数绑定到 Tkinter 按钮，并解决常见的 `NameError`。本文将提供逐步指南和代码示例，帮助您构建一个功能完善的图像转换器。

前提条件

在开始之前，请确保您已安装以下库：

Python 3.x
Pillow (PIL): 用于图像处理
Tkinter: Python 的标准 GUI 库

您可以使用 pip 安装 Pillow：

pip install pillow

构建用户界面

首先，我们需要创建一个 Tkinter 窗口并添加必要的组件，包括标签、输入框和按钮。以下代码创建一个简单的界面，包含一个用于输入所需宽度的文本框，以及上传和转换按钮。

from PIL import Image
from tkinter import Tk, PhotoImage, Entry
from tkinter import filedialog as fd
from tkinter.ttk import Label, Button
from tkinter import messagebox as mb

# Set up window and configure the sizes
window = Tk()
window.title('Webp Converter')
window.geometry('300x350')
window.eval('tk::PlaceWindow . center')

window.tk.call('tk', 'scaling', 1.5)
icon = PhotoImage(file="uhggg-16.png") # 替换为你的图标文件
window.iconphoto(False, icon)

# Labels and fields
wdth = Label(window, text='Required width:')
wdth.grid(column=0, row=1, padx=20, pady=20)

width = Entry(window)
width.grid(column=0, row=2, padx=20, pady=20)

lbl = Label(window, text='Select your image to convert:')
lbl.grid(column=0, row=5, padx=20, pady=20)

定义上传函数

upload() 函数的作用是打开文件选择对话框，允许用户选择图像文件，并提取文件名。我们将使用全局变量 filepath 和 filename 来存储这些信息，以便在 convert() 函数中使用。

Musho

AI网页设计Figma插件

76 查看详情 Musho

# Define functions
def upload():
    global filepath
    global filename
    filepath = fd.askopenfilename()
    filename = filepath.split('.')[0]

定义转换函数

convert() 函数负责打开图像，调整大小并将其保存为 WebP 格式。它从 width 输入框获取所需的宽度，并计算保持宽高比的相应高度。为了处理用户在未上传文件的情况下点击“转换”按钮的情况，我们使用 try...except 块来捕获 NameError。

def convert():
    try:
        got_width = int(float(width.get()))
        image = Image.open(filepath)
        image = image.convert('RGB')
        actual_width = image.size[0]
        actual_height = image.size[1]
        if actual_width > got_width:
            reqd_height = (actual_height/actual_width)*got_width
            reqd_height = round(reqd_height,0)
        else: reqd_height = actual_height
        image.thumbnail(size=((got_width, reqd_height)))
        image.s*e(f'{filename}.webp', 'webp')
    except NameError:
        mb.showinfo('Upload File', 'Upload your file before converting')

绑定按钮和运行主循环

最后，我们将 upload() 和 convert() 函数绑定到相应的按钮，并启动 Tkinter 主循环。

btn_upload = Button(window, text='Upload', command=upload)
btn_upload.grid(column=0, row=6)

btn_convert = Button(window, text='convert', command=convert)
btn_convert.grid(column=0, row=7)

window.mainloop()

完整代码

以下是完整的代码：

from PIL import Image
from tkinter import Tk, PhotoImage, Entry
from tkinter import filedialog as fd
from tkinter.ttk import Label, Button
from tkinter import messagebox as mb

# Define functions
def upload():
    global filepath
    global filename
    filepath = fd.askopenfilename()
    filename = filepath.split('.')[0]

def convert():

   try:
        got_width = int(float(width.get()))
        image = Image.open(filepath)
        image = image.convert('RGB')
        actual_width = image.size[0]
        actual_height = image.size[1]
        if actual_width > got_width:
            reqd_height = (actual_height/actual_width)*got_width
            reqd_height = round(reqd_height,0)
        else: reqd_height = actual_height
        image.thumbnail(size=((got_width, reqd_height)))
        image.s*e(f'{filename}.webp', 'webp')
    except NameError:
        mb.showinfo('Upload File', 'Upload your file before converting')



# Set up window and configure the sizes
window = Tk()
window.title('Webp Converter')
window.geometry('300x350')
window.eval('tk::PlaceWindow . center')


window.tk.call('tk', 'scaling', 1.5)
icon = PhotoImage(file="uhggg-16.png") # 替换为你的图标文件
window.iconphoto(False, icon)


# Labels and fields
wdth = Label(window, text='Required width:')
wdth.grid(column=0, row=1, padx=20, pady=20)

width = Entry(window)
width.grid(column=0, row=2, padx=20, pady=20)

lbl = Label(window, text='Select your image to convert:')
lbl.grid(column=0, row=5, padx=20, pady=20)
btn_upload = Button(window, text='Upload', command=upload)
btn_upload.grid(column=0, row=6)

btn_convert = Button(window, text='convert', command=convert)
btn_convert.grid(column=0, row=7)


window.mainloop()

注意事项

全局变量的使用： 在此示例中，我们使用全局变量 filepath 和 filename 在函数之间传递数据。虽然这在简单的情况下有效，但在更复杂的应用程序中，建议使用类和对象来更好地管理状态。
错误处理： try...except 块用于处理 NameError，这发生在用户在未上传文件的情况下尝试转换图像时。根据需要添加其他错误处理，例如处理无效的宽度输入。
用户体验： 考虑添加更多用户反馈，例如显示上传图像的名称或在转换完成后显示消息。