4.3 KiB

Raw Permalink Blame History

PySimpleGUI:使用图像作为按钮

原文：https://www.blog.pythonlibrary.org/2021/09/05/pysimplegui-using-an-image-as-a-button/

当你为你的令人惊奇的程序创建一个图形用户界面时，你想在应用程序中加入一点你自己的东西。一种方法是使用图像作为按钮。虽然有些人觉得这些类型的按钮不直观，因为它们看起来不像按钮，但这是一种合法的方式来区分您的应用程序和竞争对手。

PySimpleGUI 在他们的食谱中为这个过程提供了一个四步过程:

查找您的图像(PNG 或 GIF)
将您的图像转换成 Base64 字节字符串
将 Base64 字节字符串添加到代码中
指定 Base64 字节字符串作为创建按钮时使用的图像

在本教程中，您将遵循这一过程。如果您没有安装 PySimpleGUI，那么您需要发出以下命令:

python -m pip install PySimpleGUI

现在您已经有了 PySimpleGUI，下一步是为您的按钮找到一个图像！

寻找图像

你可以在很多不同的地方找到图像。你可能在电脑上有自己的收藏。你可以去网上购买图标集。或者你可以在网上搜索图片，试着找到开源或者其他免费的图标。你不应该使用受版权保护的图片，因为这会给你带来法律上的麻烦。

对于这个例子，你可以使用你最喜欢的搜索引擎进行搜索。出于本教程的目的，使用了以下搜索字符串:“紫花图标”，它在 freeiconspng.com 的上找到了以下图像:

现在您有了一个可以使用的图像，您需要将它转换成一个字符串！

将您的图像转换成 Base64 字节字符串

现在您需要将图像转换成 base64 字节的字符串。PySimpleGUI 有两个演示可以用于这个目的:

Demo _ Base64 _ Single _ Image _ encoder . py-转换单个输入文件并将字符串保存到剪贴板
Demo _ Base64 _ Image _ encoder . py——将整个文件夹的图像转换成字符串，并保存到output.py

这两个程序都行得通。因为这个例子只有一个图像，所以第一个演示可能最有意义。

一旦您对花卉照片运行了该演示，您的计算机剪贴板中就会有 base64 编码的字符串。

将 Base64 字节字符串添加到代码中

您可以从剪贴板中取出 base64 编码的字符串，并将其粘贴到您的代码中。您需要将该字符串赋给一个变量，以便可以在 GUI 代码中引用它。

下面是您将用来显示自定义按钮的代码:

import PySimpleGUI as sg

flower_base64 = b'paste your base64 encoded string here'

layout = [  [sg.Text('Base64 Button Demo')],
            [sg.Button('', image_data=flower_base64, 
            button_color=(sg.theme_background_color(),sg.theme_background_color()),border_width=0, key='Exit')]  ]

window = sg.Window('Flowers!', layout, no_titlebar=True)

while True:             # Event Loop
    event, values = window.read()
    print(event, values)
    if event in (sg.WIN_CLOSED, 'Exit'):
        break
window.close()

这段代码基于 PySimpleGUI 食谱中的例子。您需要将 base64 编码的字符串粘贴到这段代码中。它太长了，不能包含在这里。

当您运行这段代码时，您会看到一个如下所示的 GUI:

那看起来不是很好吗？当你点击花按钮，它关闭应用程序。

包扎

PySimpleGUI 使创建定制按钮变得简单。你制作纽扣的能力只受到你想象力的限制。

4.3 KiB Raw Permalink Blame History Unescape Escape

PySimpleGUI:使用图像作为按钮

寻找图像

将您的图像转换成 Base64 字节字符串

将 Base64 字节字符串添加到代码中

包扎

相关阅读

4.3 KiB

Raw Permalink Blame History