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

变换约束

1m 42s
Rive 101 - 6.9 Transform Constraint

在 YouTube 上观看

📌 本节要点

组合平移/旋转/缩放三种约束的通用约束。

📝 详细教程已添加

Summary

变换约束(Transform Constraint)是一种通用的约束工具,它将位移、旋转和缩放结合在一起。它允许一个对象同时继承目标对象的所有变换属性,从而简化了在元素之间创建复杂依赖关系的过程。

Step by Step

  1. 00:29
    添加约束
    选中要约束的对象(所有者),在约束(Constraints)栏目点击 + 按钮,选择 Transform Constraint
  2. 00:39
    选择目标
    打开约束设置,选中将驱动运动的目标对象(例如一个红色的正方形)。
  3. 00:47
    观察吸附效果
    注意所有者会立即吸附到目标的位置,并与其坐标完全匹配。
  4. 00:54
    测试组合变换
    尝试移动、旋转或缩放目标对象。受约束的所有者将实时模仿所有这些变换。
  5. 01:15
    检查属性
    访问通用设置,如 强度 (Strength)目标 (Target) 以及 参考空间 (Reference Spaces)
  6. 01:29
    X 和 Y 轴心点
    留意专门用于文本约束的轴心点设置(将在后续课程中介绍)。

Notes About Current Rive

  • 全能方案:当你需要一个对象完全模仿另一个对象的整体运动时,请使用变换约束,而不是添加三个独立的约束。
  • 属性继承:与独立约束类似,这些变换是从目标的属性值中继承而来的。
  • 工作流效率:该工具在 UI 组件设计中非常高效,特别适用于一个元素需要在所有变换类型上都“粘”在另一个元素边界上的场景。

📝 Notes

支持 Markdown
0 字符