标尺和辅助线能帮你在设计过程中更精确地定位图层位置、分布图层等。
标尺
标尺可以帮助精准地度量图层大小,在我们的工具中标尺被分为两种:画布标尺、画板标尺。
显示/隐藏标尺
标尺默认为显示态,你可以选择左上角菜单视图选项中「标尺」或选择顶栏「显示设置 -> 标尺」进行显示/隐藏,也可以直接使用快捷键⇧
+R
直接进行显示/隐藏。


辅助线
辅助线可以在设计过程中确定基准位置,无需每次再对照某个参数对齐、排列图层。
添加辅助线
从标尺上拖拽鼠标至画布或画板中就可以创建辅助线。
Tips
从标尺上拖拽辅助线至画布中时,添加为「画布辅助线」;
从标尺上拖拽辅助线至画板/引用组件中时,添加为「画板辅助线」。

修改辅助线位置
拖拽辅助线即可修改辅助线位置。
如果想要快速精确地修改辅助线的细微偏移,也可以使用快捷键按像素调整:
在选中辅助线后,使用方向键↑
、↓
、←
、→
按 1px 调整;
使用⇧
+↑
、↓
、←
、→
可按 10px 调整。

隐藏辅助线
当预览设计内容时,你可以选择隐藏辅助线,减少信息干扰。
隐藏标尺后,辅助线也会自动隐藏。

删除辅助线
拖拽辅助线至画布外松手即可删除辅助线。也可以在选中辅助线后,使用快捷键⌫
进行删除。
