大屏编辑器

大屏编辑器是可视化大屏的核心工作区域,提供所见即所得的可视化搭建体验。用户可以在编辑器中设置画布、添加和管理组件、嵌入地图、配置样式和动画,从而快速构建符合业务需求的可视化大屏。


编辑器界面布局

image-20250909105724560

大屏编辑器主要由以下区域组成:

1. 顶部工具栏

  • 左侧下拉菜单:包含保存、操作记录、返回工作台、帮助手册等功能入口。
  • 大屏名称:位于菜单右侧,点击名称可直接重命名当前大屏。
  • 撤销 / 重做:提供操作历史的回退与恢复功能。
  • 居中区组件库:大屏组件库
  • 右侧操作按钮:属性面板开关、大屏分享链接管理、大屏权限(成员)管理。 保存与预览大屏。

2. 左侧:图层管理器

  • 管理大屏中的所有组件图层。
  • 支持调整层级顺序、锁定/解锁、显示/隐藏等操作。

3. 中间:画布区

  • 大屏的核心编辑区域。
  • 支持拖拽、缩放、对齐、复制、粘贴等操作。
  • 组件在此区域进行布局和排版。

4. 右侧:属性面板

  • 显示并编辑选中组件或大屏的属性。
  • 包括样式配置(颜色、字体、大小等)、数据源绑定、动画配置等。
  • 可通过顶部工具栏开关进行显示/隐藏。

5. 底部:状态栏

  • 显示画布缩放比例、操作历史记录、快捷键等信息。

主要功能

  • 画布设置:自定义大屏尺寸、背景样式和辅助网格。
  • 组件操作:通过组件库添加组件,并支持拖拽、复制、粘贴、分组等操作。
  • 图层管理:通过图层管理器调整组件的层级和分组,控制显示/隐藏状态。
  • 属性配置:在属性面板中修改样式、绑定数据源、配置动画效果。
  • 交互与联动:支持不同组件之间的数据联动与交互配置。
  • 地图融合:可将平台地图作为大屏底图或业务组件嵌入。
  • 历史记录:支持撤销、重做和操作历史回溯。
  • 分享与协作:通过分享链接和权限管理,实现多人协作和对外展示。

使用流程

  1. 进入大屏编辑器:新建或打开大屏后,系统自动进入编辑器。
  2. 设置画布:在画布或属性面板中调整大屏的尺寸和背景。
  3. 添加组件:通过组件库选择并添加所需组件到画布。
  4. 管理图层:在图层管理器中调整组件顺序和分组。
  5. 配置属性:在属性面板中设置样式、数据源和动画效果。
  6. 保存与预览:点击顶部按钮保存设计成果,并进行实时预览。
  7. 分享与权限设置:根据需要设置大屏的访问权限或分享链接。

results matching ""

    No results matching ""