Gradio 用户月活破百万之旅!

了解更多
Gradio logo
  1. Blocks 布局
  2. Column

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

查看发布历史

Column

gradio.Column(···)

描述

Column 是 Blocks 中的一个布局元素,用于垂直渲染所有子元素。列的宽度可以通过 scalemin_width 参数设置。如果某个 scale 值导致列宽小于 min_width,则 min_width 参数优先。

使用示例

with gr.Blocks() as demo:
    with gr.Row():
        with gr.Column(scale=1):
            text1 = gr.Textbox()
            text2 = gr.Textbox()
        with gr.Column(scale=4):
            btn1 = gr.Button("Button 1")
            btn2 = gr.Button("Button 2")

初始化

参数
🔗
scale: int
默认值 = 1

相对于相邻列的相对宽度。例如,如果 Column A 的 scale=2,而 Column B 的 scale=1,则 A 的宽度将是 B 的两倍。

🔗
min_width: int
默认值 = 320

列的最小像素宽度,如果屏幕空间不足以满足此值,则会换行。如果某个 scale 值导致列宽小于 min_width,则 min_width 参数优先。

🔗
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 中的 class。可用于定位 CSS 样式。

🔗
render: bool
默认值 = True

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

🔗
show_progress: bool
默认值 = False

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

指南