# 组态工具布局
组态工具分为工程信息、组件控制、预览发布、页面组件、画布展示、组件配置几大区域。
图1组态工具布局   
![](https://support.huaweicloud.com/bestpractice-ocsmartcampus/zh-cn_image_0000002463170054.png "点击放大")
具体功能如下表所示：
表1组态工具布局 
| 组态区域                                              | 区域功能 | 使用说明                                         |
|:---|:---|:---|
| 工程信息                                              | 返回按钮 | 单击左侧箭头可回退至组态工程管理页                            |
| 工程信息                                              | 工程名称 | 用于展示当前工程名称                                   |
| 工程信息                                              | 用户信息 | 用于展示用户信息，鼠标悬停时可以退出登录                         |
| 组件控制                                              | 页面操作 | 保存：可对当前完成的组态页面进行保存                           |
| 组件控制                                              | 页面操作 | 撤销：让画布回退至上一步的操作效果                            |
| 组件控制                                              | 页面操作 | 恢复：让画布前进至下一步的操作效果                            |
| 组件控制                                              | 文字调整 | 在拖入"文本"组件时，可以调整组件中文字的字体、字号、对齐方向等             |
| 组件控制                                              | 组件操作 | 对组件进行对齐、层间切换、组合或撤销组合操作                       |
| 组件控制                                              | 画布调整 | 单击"百分比"下拉框可以通过调整画布的大小比例来适配不同的屏幕尺寸            |
| 预览发布  | 预览   | 配置组态页面时，可以随时单击"预览"按钮查看页面的实际展示效果              |
| 预览发布  | 发布   | 完成组态配置后，可以单击"发布"按钮生成组态发布页的URL地址，用于嵌入项目页面     |
| 页面组件                                              | 页面对象 | 用于创建、查看、编辑、删除当前配置的所有目录或者组态页面                 |
| 页面组件                                              | 组件库  | 绘制工具：用于绘制管道、线缆、图形等组件                         |
| 页面组件                                              | 组件库  | 基础：用于创建查看、控制、操作类组件                           |
| 页面组件                                              | 组件库  | 图表：用于以表格形式呈现数据集                              |
| 页面组件                                              | 组件库  | 其他：用于展示设备实例的图形化效果                            |
| 画布展示                                              | 配置组件 | 用户将组态组件拖入画布区域进行组态页面效果展示、组件位置调整、组件功能项选择       |
| 画布展示                                              | 操作列表 | 在画布中用鼠标右击组件可以展开组件操作列表，对组件进行复制删除、层级切换、显示隐藏等操作 |
| 组件配置                                              | 属性   | 用于配置或查看该组件的名称、尺寸、设置、视图列表等效果                  |
| 组件配置                                              | 数据   | 配置该组件所需绑定的产品类型、设备实例信息，设备在满足特定规则时所产生的行为效果     |
| 组件配置                                              | 事件   | 用于组件在触发单击、载入、值改变等事件时需要执行的动作                  |