画布操作

拖拽和移动

• 拖拽改变组件位置及大小： 通过拖拽组件及八个手柄可改变组件的位置及大小。拖拽移动位置及改变大小时可与其它组件吸附对齐。2024.5+

• 多选拖拽： 可同时拖拽多个组件。3.0+

• 移动： 使用键盘 PgUp【↑】、PgDn【↓】、Home【←】、End【→】 按键进行移动。

组件快捷菜单

在选中组件上单击鼠标右键弹出组件快捷菜单，可以对组件进行成组、复制等相关操作。

• 区块编辑器： 选中组件为区块组件时可直接进入区块编辑器页面。

• 刷新区块： 选中组件为区块组件时可获取最新的区块配置和数据。

• 恢复默认尺寸： 选中组件重置为默认大小。

• 导出为区块： 选中组件为导出为区块，导出后可在区块组件管理页面进行维护。

• 置顶： 选中的组件移动到图层最上方。

• 置底： 选中的组件移动到图层最下方。

• 上移一层： 选中的组件在图层中向上移动一层。

• 下移一层： 选中的组件在图层中向下移动一层。

• 成组/拆分： 选中两个及以上组件时可将组件成组。可设置组内组件轮播。

• 复制： 复制当前选中组件。

• 粘贴： 将已复制的组件粘贴到画布当中。

• 格式刷： 同类型组件复制后可以使用格式刷将原组件的样式应用到新组件上。

• 复制组件ID： 复制当前选中组件的ID，组件ID可用于在节点编程中获取组件实例。

• 复制组件配置： 仅复制组件的配置参数，复制后可通过节点编程对组件配置进行修改。

• 复制图表配置： 复制图表类、地图类组件的图表配置，复制后可直接使用echarts渲染。

• 显示/隐藏： 用于隐藏/显示组件。开启隐藏后默认不渲染该组件，打开组件属性中 隐藏时解析则渲染该组件但在页面中不展示。

• 收藏： 将组件收藏到 我的组件 > 收藏组件，方便同空间下多次使用。

• 删除： 删除当前选中的组件。

标尺线

在设计器中提供了标尺线功能，可以用来辅助设计大屏。方便对齐不同组件和页面布局分割。

• 标尺线添加： 点击画布中的标尺自动添加标尺线。

• 标尺线删除： 将鼠标移至标尺线与标尺的交接处会自动弹出方框，点击方框，将标尺线删除。

• 标尺线移动： 将鼠标移至标尺线与标尺的交界处当鼠标变成双箭头时可拖动标尺线，变换标尺线位置。

• 标尺线与组件自动吸附： 当组件靠近标尺线时，标尺线会自动吸附组件，使组件与标尺线贴合。

• 标尺线全部显示/隐藏： 在画布左上角，单击标尺线隐藏图标，可隐藏所有标尺线。再次单击显示所有标尺线。

• 标尺线菜单： 右键点击画布中的标尺展开标尺线菜单。4.5+

  • 添加： 在菜单中，点击【新增】，在输入框中输入设置的屏幕尺寸范围内的值，范围外的值不生效。

  • 删除： 在菜单中，可点击删除图标按钮进行批量删除，或点击标尺内的“X”图标进行单个删除。

  • 修改： 在菜单中，点击标尺值展示输入框，在输入框中输入设置的屏幕尺寸范围内的值，范围外的值不生效。