Gradio官方学习文档（四）-Blocks控制布局

May 30, 2024

1.多个菜单栏：with gr.Tab()

2.图片编辑器：ImageEditor

import gradio as gr

with gr.Blocks() as demo:
    im = gr.ImageEditor(
        width="50vw",
    )

demo.launch()

vm(px)代表组件所占blocks的比例大小

3.同样控制部件所占比例大小的方法还有height=：

with gr.Column(elem_classes=["container"]):
        name = gr.Chatbot(value=[["1", "2"]], height="70%")

4.下拉扩展栏with gr.Accordion

with gr.Accordion("Open for More!", open=False):

5.文件上传模块：gr.File(label=“上传文件”)