Gradio学习(五)—————学习一下布局Column的使用

斯特凡今天也很帅

已于 2024-02-29 23:56:53 修改

阅读量2.1k

点赞数 3

分类专栏： gradio 文章标签： python

于 2024-02-29 16:47:07 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_41311528/article/details/136375237

版权

gradio 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何在Gradio中使用`gr.Blocks`创建交互式界面，通过`Row`和`Column`组件实现两行两列布局，并控制不同组件如按钮和文本框的缩放比例（scale）。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天学一下布局
非常简单row就是行column就是列
如下就是两行两列
scale就是缩放比例，如下按钮类scale=4，而文本框类scale=1，按钮类显示宽度就是文本框类宽度的四倍

import gradio as gr
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")
    with gr.Row():
        with gr.Column(scale=1):
            text11 = gr.Textbox()
            text22 = gr.Textbox()
        with gr.Column(scale=4):
            btn11 = gr.Button("Button 1")
            btn22 = gr.Button("Button 2")

demo.launch()