240810-Gradio自定义Button按钮+事件函数+按钮图标样式设定

import gradio as gr
 
def button_icon_demo(demo_button):
    if demo_button:
        return "你点击了带有图标的按钮！"
    else:
        return "你点击了带有图标的另一个按钮。"
 
demo = gr.Blocks()
 
# 创建一个带有图标的按钮，并设置点击时的事件处理函数
button_with_icon = gr.Button(
    label="点击我",
    icon="check",
    on_click=button_icon_demo,
    style={"margin": "5px"},  # 按钮样式，例如边距
)
 
# 创建另一个带有图标的按钮，并设置点击时的事件处理函数
another_button_with_icon = gr.Button(
    label="点击另一个按钮",
    icon="times",
    on_click=button_icon_demo,
    style={"margin": "5px"},  # 按钮样式，例如边距
)
 
# 将按钮添加到Blocks实例中
demo.add(button_with_icon, another_button_with_icon)
 
# 在线部署该界面
demo.launch(share=True)

这段代码定义了一个名为button_icon_demo的函数，它根据用户点击的按钮类型返回不同的字符串。然后，我们创建了两个Button实例，每个实例都带有不同的图标，并设置了点击时的事件处理函数。最后，我们将这些按钮添加到Blocks实例中，并且可以选择在线部署这个界面。