PC端画布编辑器概览

序号

名称

说明

1

工具栏

位于编辑器页面的最上方，提供了“切换画布/蓝图、美化、滤镜、全局搜索图层/指令/组件/设计库、刷新画布、控制右侧设置面板的显隐、切换主题、查看错误信息、生成快照以及预览/发布制作好的数据看板”等功能。

2

左侧Tab列表

展示了图层、组件库、设计库、全局变量、过滤器、历史记录及数据管理等功能，可参见各功能介绍页了解功能详情。

3

画布设置

位于编辑器页面的最中间，可控制看板布局、设置交互模式：

• 看板布局：可通过画布所提供的功能，在画布中合理布局各组件的样式、设置画布的缩放比例、控制缩略图的显隐及查看快捷键功能。

• 交互模式：用于在预览状态下模拟组件的交互行为，测试组件的临时效果，例如，测试交互组件的高亮、悬浮等样式。开启交互模式后，可在画布编辑页面临时调整组件样式（例如，拖动地图组件、点击触发交互组件并配置组件样式）。交互模式下用户产生的组件行为，在编辑器中不会真实触发生效。

  说明

  • 交互模式下产生的组件样式变更不会被保存，关闭交互模式后，可按照界面指引刷新进行样式还原。

  • 交互模式开启后，画布缩放功能无法使用，需手动关闭交互模式后，缩放功能方可正常使用。

  示例：在画布编辑器通过交互模式，触发点击下拉框选择器。

4

页面配置

在画布中不选中组件时，页面右侧会显示页面配置面板。 您可在该面板中调整屏幕尺寸、设置背景不透明度、设置背景颜色、选择屏幕缩放方式及生成缩略图。

5

帮助页面

单击画布左下角的图标，可打开帮助面板，查看新手引导、快速链接和编辑器功能介绍。

6

组件设置

单击画布中任意一个组件，即可在页面右侧的对话框设置该组件的样式、数据源和高级配置。配置方法请参见配置项说明。