Gradio 月活用户达到 100 万的历程!

阅读更多
Gradio logo
  1. 构建演示
  2. TabbedInterface

初次使用 Gradio?从这里开始: 开始入门

查看发布历史

TabbedInterface

gradio.TabbedInterface(interface_list, ···)

描述

TabbedInterface 通过提供 Interface 或 Blocks 列表创建,每个 Interface 或 Blocks 在单独的标签页中呈现。只有来自 Interface/Blocks 的组件会在标签页中呈现。Blocks 的某些高级属性(例如自定义 css, js, 和 head 属性)将不会被加载。

初始化

参数
🔗
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

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

演示

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()