页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

概述

按照“垂直”和“水平”两种层次结构,展示自助仪表盘的组件结构。



目录

作用

展示结构

如下图中图表2和图表3为垂直结构。

说明

可以显示不可直接在仪表盘中发现的结构,例如筛选器的隐藏、组件的布局方式为浮动。

  • 把筛选器隐藏时,如图“年筛选器”被隐藏:
  • 组件的布局方式为“浮动”时,如下图中图表1、图表2布局方式为浮动:

组件定位

通过点击“组件”里的图表进行快速定位,如下图点击图表2,自助仪表盘的图表2被选中,组件四周有蓝色短线框标识表示被选中状态。

更多

在节点上右键,更多中有布局设置、均等分布、重命名、选择布局容器等布局面板的设置项。在图层任意节点的右键菜单,包含有:布局设置、均等分布、重命名、选择布局容器等设置项。

布局设置

设置布局面板的背景、边框、外边距、内边距及组件间距。

设置布局面板的背景、边框、外边距、内边距、间距。Image Added

设置及对应效果如下:

Image RemovedImage Added

均等分布

在当前布局面板中,设置组件之间以相同宽度和高度显示。

重命名

修改节点的名称。用于修改图层中各对象节点的显示名称。

选择布局容器

选中整个布局面板,可以移动布局面板的位置,也可以设置布局面板的布局和样式。

Image Removed

布局容器是根据自助仪表盘的图层结构虚拟出来的一个承载对象,它用于将多个组件组合在一起,便于用户批量对这些组件进行布局设置和位置移动。

布局容器选择的规则是:

1、选择对象:仪表盘中的组件,或者图层中的某组件;图层中的“水平”或“垂直”节点;

Image Added

2、确定容器区域:选中组件或节点在图层结构中其父节点铺设的区域为容器;

Image Added


通过“布局容器”可以整体移动位置或者样式布局,效果参见如下动图:

Image Added

移除组件

在组件上右键选择“移除组件”,删除选中的组件。