Gradio中组件如何排版？一分钟教会你！

下面是一个简单的代码示例

with gr.Blocks() as demo:
    with gr.Row():
        input_text = gr.Textbox(placeholder="请输入您的问题……", lines=2)#输入框组件
        with gr.Column():
            chatbot = gr.Chatbot()#聊天框组件
            btn = gr.Button("确认")#按钮组件
    btn.click(chat, inputs=input_text, outputs=chatbot)
demo.launch()

With gr.Blocks() as demo：就是创建一个Blocks叫做demo，

With gr.Row(): 该块下的组件将水平排列，举一个简单的例子：

With gr.Row():

     A

     B

这里A和B都是组件，那输出效果就是“AB”

With gr.Column(): 该块下的组件将垂直排列，举一个简单的例子：

            With gr.Column():

                A

                B

            这里A和B都是组件，那输出效果就是“A

B”

将With gr.Row():和With gr.Column():嵌套使用，就可以实现对于界面组件的排版。