Rive 101 logoRive 101
关于项目📋 变更总览EN
0%
进度0/90
2.10

对齐与分布

2m 03s
Rive 101 - Align and Distribute

在 YouTube 上观看

📌 本节要点

边缘对齐、居中对齐、分布工具,支持多对象对齐和画板对齐。

📝 详细教程已添加

Summary

本课程介绍了 Rive 中的对齐(Align)与分布(Distribute)工具。这些工具能够帮助设计者快速调整物体的位置,确保元素之间或元素与画板之间保持完美的对齐关系。课程重点讲解了工具的上下文特性(单个对象 vs 多个对象)以及如何利用分布工具消除不均匀的间距。

Step by Step

  1. 00:04
    查找工具位置
    选中任何对象后,对齐工具将出现在编辑器顶部的属性栏中。
  2. 00:11
    基础对齐功能
    对齐工具包括左对齐、右对齐、顶对齐、底对齐,以及水平居中对齐和垂直居中对齐。
  3. 00:33
    相对于画板对齐
    当仅选中一个对象时,点击对齐按钮会使该对象相对于其所属的画板(Artboard)进行对齐。
  4. 00:41
    对象间相互对齐
    当选中两个或多个对象时,点击对齐按钮会使它们以彼此为参考进行对齐。
  5. 00:55
    组的对齐行为
    如果将多个对象编组(Command + G),整个组会被视为一个整体,此时对齐将再次相对于画板进行。
  6. 01:23
    分布工具(Distribute)
    分布工具用于自动调整多个对象之间的间距。例如,使用“水平分布”可以让一排方块之间的间隙完全相等。
  7. 01:46
    分布工具的限制
    分布工具仅在选中三个或更多图层时才会激活并生效。

Notes About Current Rive

  • 上下文感知:始终注意你选中的对象数量,因为 Rive 会根据选中状态自动切换对齐参考目标(画板 vs 选择集)。
  • 复杂布局:在处理复杂的 UI 组件时,先将局部元素对齐并编组,再将组与画板对齐,是最常用的工作流。
  • 快捷操作:分布工具是保持图标列表或导航栏视觉整齐的“利器”,无需手动计算像素间距。

📝 Notes

支持 Markdown
0 字符