大屏编辑器
大屏编辑器是可视化大屏的核心工作区域,提供所见即所得的可视化搭建体验。用户可以在编辑器中设置画布、添加和管理组件、嵌入地图、配置样式和动画,从而快速构建符合业务需求的可视化大屏。
编辑器界面布局
大屏编辑器主要由以下区域组成:
1. 顶部工具栏
- 左侧下拉菜单:包含保存、操作记录、返回工作台、帮助手册等功能入口。
- 大屏名称:位于菜单右侧,点击名称可直接重命名当前大屏。
- 撤销 / 重做:提供操作历史的回退与恢复功能。
- 居中区组件库:大屏组件库
- 右侧操作按钮:属性面板开关、大屏分享链接管理、大屏权限(成员)管理。 保存与预览大屏。
2. 左侧:图层管理器
- 管理大屏中的所有组件图层。
- 支持调整层级顺序、锁定/解锁、显示/隐藏等操作。
3. 中间:画布区
- 大屏的核心编辑区域。
- 支持拖拽、缩放、对齐、复制、粘贴等操作。
- 组件在此区域进行布局和排版。
4. 右侧:属性面板
- 显示并编辑选中组件或大屏的属性。
- 包括样式配置(颜色、字体、大小等)、数据源绑定、动画配置等。
- 可通过顶部工具栏开关进行显示/隐藏。
5. 底部:状态栏
- 显示画布缩放比例、操作历史记录、快捷键等信息。
主要功能
- 画布设置:自定义大屏尺寸、背景样式和辅助网格。
- 组件操作:通过组件库添加组件,并支持拖拽、复制、粘贴、分组等操作。
- 图层管理:通过图层管理器调整组件的层级和分组,控制显示/隐藏状态。
- 属性配置:在属性面板中修改样式、绑定数据源、配置动画效果。
- 交互与联动:支持不同组件之间的数据联动与交互配置。
- 地图融合:可将平台地图作为大屏底图或业务组件嵌入。
- 历史记录:支持撤销、重做和操作历史回溯。
- 分享与协作:通过分享链接和权限管理,实现多人协作和对外展示。
使用流程
- 进入大屏编辑器:新建或打开大屏后,系统自动进入编辑器。
- 设置画布:在画布或属性面板中调整大屏的尺寸和背景。
- 添加组件:通过组件库选择并添加所需组件到画布。
- 管理图层:在图层管理器中调整组件顺序和分组。
- 配置属性:在属性面板中设置样式、数据源和动画效果。
- 保存与预览:点击顶部按钮保存设计成果,并进行实时预览。
- 分享与权限设置:根据需要设置大屏的访问权限或分享链接。