图层管理

图层管理器位于大屏编辑器的左侧,用于展示和管理画布中的所有组件。
通过图层管理,可以快速查看组件层级关系、调整顺序、分组管理,以及执行锁定和隐藏等操作。


图层管理器入口

  • 位置:大屏编辑器左侧固定区域。
  • 展示内容:画布中已添加的所有组件,按层级顺序从上到下排列。
  • 显示方式:
    • 每个组件显示名称和类型图标;
    • 选中组件时,图层与画布中的组件会同步高亮。

image-20250909113447343


主要功能

1. 图层顺序调整

  • 通过拖拽图层条目,上下移动即可调整组件在画布中的层级。
  • 位于列表上方的图层显示在画布上方。

image-20250909113516492

2. 图层选择

  • 点击图层条目,即可选中对应组件,画布中同步高亮。
  • 支持多选操作,方便同时调整多个组件。

image-20250909113546388

3. 锁定与解锁

  • 锁定:防止组件在画布中被误移动或修改,仅可通过属性面板修改。
  • 解锁:取消锁定状态,可自由编辑。

image-20250909113608855

4. 显示与隐藏

  • 点击眼睛图标,可切换组件在画布中的显示/隐藏状态。
  • 隐藏状态下,组件不会参与画布操作和预览展示。

image-20250909113629182

5. 重命名图层

  • 点击图层,右侧属性面板会自动切换至该组件属性,修改“名称”项内容,完成组件重命名。
  • 建议使用有意义的名称,如“标题文字”“销售折线图”。

image-20250909113809248

6. 分组与解组

  • 分组:选中多个组件后,可进行分组,图层列表中以文件夹形式展示。 image-20250909113909497
  • 解组:解除分组,组件恢复为独立图层。 image-20250909113851263
  • 分组后可整体移动、隐藏或锁定,适合管理复杂布局。

使用场景示例

  • 当画布组件较多时,通过图层管理器快速找到目标组件并修改。
  • 调整标题、图表、背景的层级关系,确保展示效果正确。
  • 将多个图表组件分组,方便统一移动或隐藏。
  • 锁定背景地图,避免操作时误选。

使用建议

  1. 在项目初期为组件命名,避免后期因图层过多难以识别。
  2. 善用分组功能,对逻辑上相关的组件进行统一管理。
  3. 背景类组件建议锁定,避免误操作。
  4. 对于临时调试用的组件,可以通过隐藏功能控制是否参与展示。

results matching ""

    No results matching ""