Blocks 布局
行

Gradio 新手？从这里开始：入门

组

标签页

行

gradio.Row(···)

描述

行（Row）是 Blocks 中的一个布局元素，它将所有子元素水平排列。

示例用法

with gr.Blocks() as demo:
    with gr.Row():
        gr.Image("lion.jpg", scale=2)
        gr.Image("tiger.jpg", scale=1)
demo.launch()

初始化

🔗

variant: Literal['default', 'panel', 'compact']

默认 = "default"

行类型，'default'（无背景），'panel'（灰色背景和圆角），或 'compact'（圆角且无内部间隙）。

🔗

visible: bool

默认 = True

如果为 False，行将被隐藏。

🔗

elem_id: str | None

默认 = None

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

🔗

elem_classes: list[str] | str | None

默认 = None

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

🔗

scale: int | None

默认 = None

相对于相邻元素的相对高度。1 或更大表示行将扩展高度，并且任何子列也将扩展以填充高度。

🔗

render: bool

默认 = True

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

🔗

height: int | str | None

默认 = None

行的高度，如果传入数字则以像素为单位，如果传入字符串则以 CSS 单位表示。如果内容超出高度，行将垂直滚动。如果未设置，行将扩展以适应内容。

🔗

max_height: int | str | None

默认 = None

行的最大高度，如果传入数字则以像素为单位，如果传入字符串则以 CSS 单位表示。如果内容超出高度，行将垂直滚动。如果内容短于高度，行将收缩以适应内容。如果设置了 `height` 且小于 `max_height`，则此参数无效。

🔗

min_height: int | str | None

默认 = None

行的最小高度，如果传入数字则以像素为单位，如果传入字符串则以 CSS 单位表示。如果内容超出高度，行将扩展以适应内容。如果设置了 `height` 且大于 `min_height`，则此参数无效。

🔗

equal_height: bool

默认 = False

如果为 True，使每个子元素具有相同的高度

🔗

show_progress: bool

默认 = False

如果为 True，在更新时显示进度动画。

🔗

key: int | str | tuple[int | str, ...] | None

默认 = None

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

🔗

preserved_by_key: list[str] | str | None

默认 = None

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

指南

控制布局

←

组

标签页

→