Gradio 智能体 & MCP 黑客松

获奖者
Gradio logo
  1. 组件
  2. CheckboxGroup

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

查看 发布历史

CheckboxGroup

gradio.CheckboxGroup(···)
import gradio as gr with gr.Blocks() as demo: gr.CheckboxGroup(["First Choice", "Second Choice", "Third Choice"]) demo.launch()

描述

创建一组复选框。它既可以用作输入,将一组值传递给函数,也可以用作输出,显示一些值,其中一部分会被选中。

行为

作为输入组件: 根据 type 的不同,将选中的复选框列表作为 list[str | int | float] 类型或其索引作为 list[int] 类型传递给函数。

您的函数应接受其中一种类型
def predict(
	value: list[str | int | float] | list[int | None]
)
	...

作为输出组件: 期望接收一个 list[str | int | float] 类型的值列表,或者一个单独的 str | int | float 类型的值,具有这些值的复选框将被选中。

您的函数应返回其中一种类型
def predict(···) -> list[str | int | float] | str | int | float | None
	...	
	return value

初始化

参数
🔗
choices: list[str | int | float | tuple[str, str | int | float]] | None
默认 = None

可供选择的字符串或数字选项列表。选项也可以是 (name, value) 元组的形式,其中 name 是复选框按钮的显示名称,value 是要传递给函数或由函数返回的值。

🔗
value: list[str | float | int] | str | float | int | Callable | None
默认 = None

默认选中的选项列表。如果只选中一个选项,它可以作为字符串或数字类型传入。如果提供了一个函数,每次应用加载时都会调用该函数来设置此组件的初始值。

🔗
type: Literal['value', 'index']
默认 = "value"

组件返回值的类型。"value" 返回选中选项的字符串列表,"index" 返回选中选项的索引列表。

🔗
label: str | I18nData | None
默认 = None

此组件的标签,如果 `show_label` 为 `True`,则显示在组件上方,如果此组件有示例表格,则也用作标题。如果为 None 并在 `gr.Interface` 中使用,则标签将是此组件对应的参数名称。

🔗
info: str | I18nData | None
默认 = None

附加组件描述,以较小字体显示在标签下方。支持 Markdown / HTML 语法。

🔗
every: Timer | float | None
默认 = None

如果 `value` 是一个函数,则持续调用 `value` 进行重新计算(否则无效)。可以提供一个定时器(Timer),其计时会重置 `value`,或者提供一个浮点数作为重置定时器的固定间隔。

🔗
inputs: Component | list[Component] | set[Component] | None
默认 = None

如果 `value` 是一个函数,则用作计算 `value` 的输入组件(否则无效)。每当输入更改时,`value` 都会重新计算。

🔗
show_label: bool | None
默认 = None

如果为 True,则显示标签。

🔗
container: bool
默认 = True

如果为 True,则会将组件放置在一个容器中,在边框周围提供额外的填充。

🔗
scale: int | None
默认 = None

相对于同一行中相邻组件的相对宽度。例如,如果组件 A 的 scale=2,组件 B 的 scale=1,则 A 将是 B 的两倍宽。应为整数。

🔗
min_width: int
默认 = 160

最小像素宽度,如果屏幕空间不足以满足此值,则会自动换行。如果某个 scale 值导致此组件宽度小于 `min_width`,则将首先遵循 `min_width` 参数。

🔗
interactive: bool | None
默认 = None

如果为 True,此复选框组中的选项将可选中;如果为 False,则禁用选中。如果未提供,则根据组件是用作输入还是输出进行推断。

🔗
visible: bool
默认 = True

如果为 False,组件将被隐藏。

🔗
elem_id: str | None
默认 = None

一个可选字符串,用作此组件在 HTML DOM 中的 ID。可用于定位 CSS 样式。

🔗
elem_classes: list[str] | str | None
默认 = None

一个可选的字符串列表,用作此组件在 HTML DOM 中的类。可用于定位 CSS 样式。

🔗
render: bool
默认 = True

如果为 False,组件将不会在 Blocks 上下文中渲染。如果目的是现在分配事件监听器但稍后渲染组件,则应使用此参数。

🔗
key: int | str | tuple[int | str, ...] | None
默认 = None

在 `gr.render` 中,在重新渲染时具有相同 key 的组件被视为同一组件,而不是新组件。在 'preserved_by_key' 中设置的属性在重新渲染时不会被重置。

🔗
preserved_by_key: list[str] | str | None
默认 = "value"

此组件构造函数中的参数列表。在 `gr.render()` 函数中,如果一个组件以相同的 key 重新渲染,这些(且仅这些)参数将在 UI 中保留(如果它们已被用户或事件监听器更改),而不是根据构造函数中提供的值重新渲染。

快捷方式

接口字符串快捷方式 初始化

gradio.CheckboxGroup

"checkboxgroup"

使用默认值

演示

import gradio as gr

def sentence_builder(quantity, animal, countries, place, activity_list, morning):
    return f"""The {quantity} {animal}s from {" and ".join(countries)} went to the {place} where they {" and ".join(activity_list)} until the {"morning" if morning else "night"}"""

demo = gr.Interface(
    sentence_builder,
    [
        gr.Slider(2, 20, value=4, label="Count", info="Choose between 2 and 20"),
        gr.Dropdown(
            ["cat", "dog", "bird"], label="Animal", info="Will add more animals later!"
        ),
        gr.CheckboxGroup(["USA", "Japan", "Pakistan"], label="Countries", info="Where are they from?"),
        gr.Radio(["park", "zoo", "road"], label="Location", info="Where did they go?"),
        gr.Dropdown(
            ["ran", "swam", "ate", "slept"], value=["swam", "slept"], multiselect=True, label="Activity", info="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed auctor, nisl eget ultricies aliquam, nunc nisl aliquet nunc, eget aliquam nisl nunc vel nisl."
        ),
        gr.Checkbox(label="Morning", info="Did they do it in the morning?"),
    ],
    "text",
    examples=[
        [2, "cat", ["Japan", "Pakistan"], "park", ["ate", "swam"], True],
        [4, "dog", ["Japan"], "zoo", ["ate", "swam"], False],
        [10, "bird", ["USA", "Pakistan"], "road", ["ran"], False],
        [8, "cat", ["Pakistan"], "zoo", ["ate"], True],
    ]
)

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

		

事件监听器

描述

事件监听器允许您响应用户与您在 Gradio Blocks 应用程序中定义的 UI 组件的交互。当用户与某个元素交互时(例如更改滑块值或上传图像),会调用一个函数。

支持的事件监听器

CheckboxGroup 组件支持以下事件监听器。每个事件监听器都接受相同的参数,这些参数列在下面的事件参数表中。

监听器 描述

CheckboxGroup.change(fn, ···)

当 CheckboxGroup 的值因用户输入(例如,用户在文本框中输入)或函数更新(例如,图像从事件触发器的输出接收到值)而更改时触发。有关仅由用户输入触发的监听器,请参阅 .input()

CheckboxGroup.input(fn, ···)

当用户更改 CheckboxGroup 的值时,会触发此监听器。

CheckboxGroup.select(fn, ···)

当用户选中或取消选中 CheckboxGroup 时触发的事件监听器。使用事件数据 gradio.SelectData 来承载指代 CheckboxGroup 标签的 value,以及指代 CheckboxGroup 状态的 selected。请参阅 EventData 文档了解如何使用此事件数据。

事件参数

参数
🔗
fn: Callable | None | Literal['decorator']
默认 = "decorator"

当此事件触发时要调用的函数。通常是机器学习模型的预测函数。函数的每个参数对应一个输入组件,函数应返回一个单一值或一个值元组,元组中的每个元素对应一个输出组件。

🔗
inputs: Component | BlockContext | list[Component | BlockContext] | Set[Component | BlockContext] | None
默认 = None

要用作输入的 gradio.components 列表。如果函数不接受任何输入,则此项应为空列表。

🔗
outputs: Component | BlockContext | list[Component | BlockContext] | Set[Component | BlockContext] | None
默认 = None

要用作输出的 gradio.components 列表。如果函数不返回任何输出,则此项应为空列表。

🔗
api_name: str | None | Literal[False]
默认 = None

定义端点在 API 文档中的显示方式。可以是字符串、None 或 False。如果设置为字符串,则端点将以给定名称在 API 文档中公开。如果为 None(默认),则函数名称将用作 API 端点。如果为 False,则端点将不会在 API 文档中公开,并且下游应用程序(包括那些 `gr.load` 此应用程序的)将无法使用此事件。

🔗
scroll_to_output: bool
默认 = False

如果为 True,完成后将滚动到输出组件。

🔗
show_progress: Literal['full', 'minimal', 'hidden']
默认 = "full"

事件运行时如何显示进度动画:"full" 显示一个覆盖输出组件区域的旋转器以及右上角的运行时显示;"minimal" 只显示运行时显示;"hidden" 完全不显示进度动画。

🔗
show_progress_on: Component | list[Component] | None
默认 = None

显示进度动画的组件或组件列表。如果为 None,则会在所有输出组件上显示进度动画。

🔗
queue: bool
默认 = True

如果为 True,则会将请求放入队列(如果队列已启用)。如果为 False,则不会将此事件放入队列,即使队列已启用。如果为 None,则将使用 Gradio 应用程序的队列设置。

🔗
batch: bool
默认 = False

如果为 True,则函数应处理一批输入,这意味着它应为每个参数接受一个输入值列表。这些列表的长度应相等(并且长度不超过 `max_batch_size`)。然后,函数*必须*返回一个列表元组(即使只有一个输出组件),元组中的每个列表对应一个输出组件。

🔗
max_batch_size: int
默认 = 4

如果从队列调用此函数(仅当 `batch=True` 时相关),则批量处理的最大输入数量。

🔗
preprocess: bool
默认 = True

如果为 False,在运行 'fn' 之前不会对组件数据进行预处理(例如,如果使用 `Image` 组件调用此方法,则将其保留为 base64 字符串)。

🔗
postprocess: bool
默认 = True

如果为 False,在将 'fn' 输出返回给浏览器之前不会对组件数据进行后处理。

🔗
cancels: dict[str, Any] | list[dict[str, Any]] | None
默认 = None

当此监听器触发时要取消的其他事件列表。例如,设置 `cancels=[click_event]` 将取消 `click_event`,其中 `click_event` 是另一个组件的 `.click` 方法的返回值。尚未运行的函数(或正在迭代的生成器)将被取消,但当前正在运行的函数将允许完成。

🔗
trigger_mode: Literal['once', 'multiple', 'always_last'] | None
默认 = None

如果设置为 "once"(除 `.change()` 之外所有事件的默认值),则在事件待处理期间不允许任何提交。如果设置为 "multiple",则在待处理期间允许无限次提交,而 "always_last"(`.change()` 和 `.key_up()` 事件的默认值)则允许在待处理事件完成后进行第二次提交。

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

在运行 'fn' 之前可选地运行的前端 JS 方法。JS 方法的输入参数是 'inputs' 和 'outputs' 的值,返回值应是输出组件的值列表。

🔗
concurrency_limit: int | None | Literal['default']
默认 = "default"

如果设置,这是此事件可以同时运行的最大数量。可以设置为 None 表示没有并发限制(此事件可以同时运行任意数量)。设置为 "default" 以使用默认并发限制(由 `Blocks.queue()` 中的 `default_concurrency_limit` 参数定义,其本身默认为 1)。

🔗
concurrency_id: str | None
默认 = None

如果设置,这是并发组的 ID。具有相同 `concurrency_id` 的事件将受最低设置的 `concurrency_limit` 限制。

🔗
show_api: bool
默认 = True

是否在 Gradio 应用程序的 "view API" 页面或 Gradio 客户端的 ".view_api()" 方法中显示此事件。与将 `api_name` 设置为 False 不同,将 `show_api` 设置为 False 仍将允许下游应用程序和客户端使用此事件。如果 `fn` 为 None,`show_api` 将自动设置为 False。

🔗
time_limit: int | None
默认 = None
🔗
stream_every: float
默认 = 0.5
🔗
like_user_message: bool
默认 = False
🔗
key: int | str | tuple[int | str, ...] | None
默认 = None

此事件监听器在 `@gr.render()` 中使用的唯一 key。如果设置,此值在重新渲染时如果 key 相同,则将事件标识为相同。