Gradio从入门到精通（9）---状态组件

---

前言

Gradio 提供了多种组件和功能，用于构建交互式界面和处理用户输入。以下是一些关键组件的使用和示例代码，特别是关于错误处理和信息显示的组件。

一、Error 组件

Error 组件用于显示错误信息。它可以通过 gr.Error 触发，通常在函数中使用 raise 语句来显示错误信息。

初始化参数

message

• 类型: str
• 描述: 需要显示给用户的信息。

duration

• 类型: float | None
• 默认值: None
• 描述: 错误信息显示的持续时间（秒）。如果设置为None或0，则错误信息会一直显示，直到用户关闭它。

visible

• 类型: bool
• 默认值: True
• 描述: 是否在用户界面中显示信息。

二、Warning 组件

Warning 组件用于显示警告信息。它可以通过 gr.Warning 触发，通常在函数中使用独立语句来显示警告信息。

初始化参数

message

• 类型: str
• 描述: 需要显示给用户的信息。

duration

• 类型: float | None
• 默认值: None
• 描述: 错误信息显示的持续时间（秒）。如果设置为None或0，则错误信息会一直显示，直到用户关闭它。

visible

• 类型: bool
• 默认值: True
• 描述: 是否在用户界面中显示信息。

三、Info 组件

Info 组件用于显示一般信息。它可以通过 gr.Info 触发，通常在函数中使用独立语句来显示信息。

初始化参数

message

• 类型: str
• 描述: 需要显示给用户的信息。

duration

• 类型: float | None
• 默认值: None
• 描述: 错误信息显示的持续时间（秒）。如果设置为None或0，则错误信息会一直显示，直到用户关闭它。

visible

• 类型: bool
• 默认值: True
• 描述: 是否在用户界面中显示信息。

四、进度条（Progress bars）

Gradio 支持创建自定义进度条，以向用户展示进度更新。

示例代码

代码如下（示例）：

import gradio as gr
import time
import tqdm

def slowly_reverse(word, progress=gr.Progress(track_tqdm=True)):
    progress(0, desc="Starting")
    time.sleep(2)
    progress(0.05)
    new_string = ""
    for letter in tqdm.tqdm(word, desc="Reversing"):
        time.sleep(0.25)
        new_string = letter + new_string
    return new_string

def raise_error():
    raise gr.Error("Something went wrong")

with gr.Blocks() as demo:
    bt1=gr.Button("warning")
    bt2=gr.Button("error")
    bt3=gr.Button("info")
    bt4=gr.Button("slowly_reverse")

    bt1.click(lambda: gr.Warning("warning!!",duration=5),None,None)
    bt2.click(raise_error,None,None)
    bt3.click(lambda: gr.Info("info!!",duration=5),None,None)
    bt4.click(lambda: slowly_reverse("hello world", progress=gr.Progress(track_tqdm=True)),None,outputs=gr.Textbox())

demo.launch()

---

总结

通过这些示例和组件，你可以更好地理解和使用 Gradio 来构建交互式界面，并处理用户输入和显示信息。