Gradio 用户月活突破 100 万!

阅读更多
Gradio logo
  1. Blocks 布局
  2. Row

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

查看发布历史

Row

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"

row 类型,'default'(无背景)、'panel'(灰色背景颜色和圆角)或 'compact'(圆角且无内部间距)。

🔗
visible: bool
default = True

如果为 False,则 row 将被隐藏。

🔗
elem_id: str | None
default = None

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

🔗
elem_classes: list[str] | str | None
default = None

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

🔗
scale: int | None
default = None

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

🔗
render: bool
default = True

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

🔗
height: int | str | None
default = None

row 的高度,如果传递数字,则以像素为单位指定,如果传递字符串,则以 CSS 单位指定。如果内容超出高度,row 将垂直滚动。如果未设置,row 将扩展以适应内容。

🔗
max_height: int | str | None
default = None

row 的最大高度,如果传递数字,则以像素为单位指定,如果传递字符串,则以 CSS 单位指定。如果内容超出高度,row 将垂直滚动。如果内容短于高度,row 将收缩以适应内容。如果设置了 `height` 并且小于 `max_height`,则无效。

🔗
min_height: int | str | None
default = None

row 的最小高度,如果传递数字,则以像素为单位指定,如果传递字符串,则以 CSS 单位指定。如果内容超出高度,row 将扩展以适应内容。如果设置了 `height` 并且大于 `min_height`,则无效。

🔗
equal_height: bool
default = False

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

🔗
show_progress: bool
default = False

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

指南