下面是一个简单的代码示例
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():嵌套使用,就可以实现对于界面组件的排版。