Gradio 代理 & MCP 黑客马拉松

获奖者
Gradio logo
  1. 构建演示
  2. TabbedInterface(带标签的界面)

Gradio 新手?从这里开始:入门

查看发布历史

TabbedInterface(带标签的界面)

gradio.TabbedInterface(interface_list, ···)

描述

通过提供一个 Interface 或 Blocks 列表来创建 TabbedInterface(带标签的界面),每个 Interface/Blocks 都将渲染在单独的标签页中。每个标签页中只会渲染 Interface/Blocks 中的组件。Blocks 的某些高级属性(例如自定义 cssjshead 属性)将不会被加载。

初始化

参数
🔗
interface_list: list[Blocks]

要在标签页中渲染的 Interface(或 Blocks)列表。

🔗
tab_names: list[str] | None
默认值 = None

标签页名称列表。如果为 None,标签页名称将是 "Tab 1"、"Tab 2" 等。

🔗
title: str | None
默认值 = None

当此演示在浏览器窗口中打开时显示的标签页标题。

🔗
theme: Theme | str | None
默认值 = None

一个 Theme(主题)对象或代表主题的字符串。如果是一个字符串,将查找具有该名称的内置主题(例如 "soft" 或 "default"),或者尝试从 Hugging Face Hub 加载主题(例如 "gradio/monochrome")。如果为 None,将使用默认主题。

🔗
analytics_enabled: bool | None
默认值 = None

是否允许基本遥测。如果为 None,将使用 GRADIO_ANALYTICS_ENABLED 环境变量或默认为 True。

🔗
css: str | None
默认值 = None

自定义 CSS,可以是字符串或 CSS 文件路径。此 CSS 将包含在演示网页中。

🔗
js: str | Literal[True] | None
默认值 = None

自定义 JS,可以是字符串或 JS 文件路径。自定义 JS 应为单个 JS 函数的形式。此函数将在页面加载时自动执行。若要获得更大的灵活性,请使用 head 参数将 JS 插入到 <script> 标签内。

🔗
head: str | None
默认值 = None

要插入到演示网页 head 中的自定义 HTML。这可用于向页面添加自定义元标签、多个脚本、样式表等。

演示

import gradio as gr

hello_world = gr.Interface(lambda name: "Hello " + name, "text", "text")
bye_world = gr.Interface(lambda name: "Bye " + name, "text", "text")
chat = gr.ChatInterface(lambda *args: "Hello " + args[0])

demo = gr.TabbedInterface([hello_world, bye_world, chat], ["Hello World", "Bye World", "Chat"])

if __name__ == "__main__":
    demo.launch()