首先,你需要根据应用的功能设计用户界面,规划用户界面的组件功能和布局。这个 工商抓取的AI应用应该包括以下的功需求。 基于以上功能规划,这个应用的用户界面需包含以下组件: - 一个让用户可以输入查询公司名称的区域
- 一个点击按钮来触发查询操作
- 一个展示可视化结果的内容区域
完成组件功能设计和规划后,就可以开始用户界面的搭建了。 步骤 2:搭建用户界面扣子提供了可视化的用户界面搭建能力,你可以通过拖拉拽的方式搭建一个用户界面,无需写一行代码。
- 在应用 IDE,单击页面上方的用户界面页签。编辑工作台
- 选择桌面网页,然后单击开始搭建。
- 添加页面组件,完成页面搭建。
1 搭建页面结构整体上查询的应用的用户界面由上下两个部分组成。 - 上面是标题区域。
- 下面是功能区域。功能区域又分为左右两个区域。
想要实现这样的页面结构就需要使用容器组件。容器组件是用来进行页面布局的,可以把页面划分成不同的区域和排列顺序。容器组件中可以添加其他各种组件例如文本组件、按钮组件等。 参考以下操作,完成页面布局:
- 在组件面板中,找到布局组件 > 容器组件,然后将容器组件拖入到中间的画布中。
- 在画布中,选中拖入的容器组件。组件名称为
Div1。
- 参考以下配置,修改容器组件
Div1的属性。
|