2.10
对齐与分布
2m 03s📌 本节要点
边缘对齐、居中对齐、分布工具,支持多对象对齐和画板对齐。
📝 详细教程已添加
Summary
本课程介绍了 Rive 中的对齐(Align)与分布(Distribute)工具。这些工具能够帮助设计者快速调整物体的位置,确保元素之间或元素与画板之间保持完美的对齐关系。课程重点讲解了工具的上下文特性(单个对象 vs 多个对象)以及如何利用分布工具消除不均匀的间距。
Step by Step
-
00:04
查找工具位置选中任何对象后,对齐工具将出现在编辑器顶部的属性栏中。
-
00:11
基础对齐功能对齐工具包括左对齐、右对齐、顶对齐、底对齐,以及水平居中对齐和垂直居中对齐。
-
00:33
相对于画板对齐当仅选中一个对象时,点击对齐按钮会使该对象相对于其所属的画板(Artboard)进行对齐。
-
00:41
对象间相互对齐当选中两个或多个对象时,点击对齐按钮会使它们以彼此为参考进行对齐。
-
00:55
组的对齐行为如果将多个对象编组(
Command + G),整个组会被视为一个整体,此时对齐将再次相对于画板进行。 -
01:23
分布工具(Distribute)分布工具用于自动调整多个对象之间的间距。例如,使用“水平分布”可以让一排方块之间的间隙完全相等。
-
01:46
分布工具的限制分布工具仅在选中三个或更多图层时才会激活并生效。
Notes About Current Rive
- 上下文感知:始终注意你选中的对象数量,因为 Rive 会根据选中状态自动切换对齐参考目标(画板 vs 选择集)。
- 复杂布局:在处理复杂的 UI 组件时,先将局部元素对齐并编组,再将组与画板对齐,是最常用的工作流。
- 快捷操作:分布工具是保持图标列表或导航栏视觉整齐的“利器”,无需手动计算像素间距。
📝 Notes
支持 Markdown
0 字符
