编辑器-标尺、对齐线

标尺出现原因

之前搭建ChartBuilder场景时，组件的对齐共有以下几种方式 :

• 肉眼比对
• 直接修改组件的位置

第一种

因为我们搭建的是巨屏，在电脑上会被缩放，所以极易出现错误。

第二种

当需要多个组件在同一方向上对齐时，需要更改每一个组件的数据

在拖拽组件时，即可对齐组件。

标尺的功能

• 显示标位
• 对齐线
• 吸附组件

使用说明

显示标位

当鼠标移入到标尺中时，会显示当前位置是相对于画布中的某一行或者某一列。

标线

• 添加 : 当鼠标移动到标尺上时，通过点击的方式添加对齐线。
• 修改 : 当鼠标放置在对齐线上时，可以通过拖拽的形式，来改变对齐线的位置。
• 去除 : 当你感觉对齐线过多时，双击对齐线即可去除。

吸附组件

当组件移动到距离对齐线 10px 时，便会贴合到对齐线上。

ps : 因为键盘上下键控制组件移动已经属于微调了，所以不会贴合对齐线。