Rive 101 学习教程

文件浏览器功能：创建文件/文件夹、搜索、排序、免费与付费计划区别。

设计模式和动画模式，舞台、检查器、层级面板、资产面板和工具栏。

选择工具：框选、Shift 加减选、双击进入层级、Command 穿透选择、Gizmo 变换。

对象自动对齐到中心/边缘/角落，可临时禁用。

画板创建、尺寸调整、原点设置、背景填充（纯色/渐变/透明）、多画板管理。

创建顶点、贝塞尔曲线、编辑形状、顶点类型切换（镜像/分离/不对称）。

矩形、椭圆、三角形、多边形、星形的创建与编辑。

颜色、透明度、径向/线性渐变、多层填充/描边、样式复制粘贴。

Shape 层控制外观，Path 层定义形状。一个 Shape 可包含多个 Path。

路径方向影响填充，non-zero 填充规则，利用绕组创建镂空效果。

层级面板显示画板中所有对象，控制绘制顺序和父子关系。

原点是所有变换的基准点，冻结模式可移动原点而不影响现有动画。

用一个形状遮罩另一个元素，可创建 3D 效果和有趣的视觉设计。

激活标尺、创建辅助线、对齐到辅助线、锁定/清除辅助线。

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

导入外部文件、排序方式、在资产面板和层级间快速切换。

通过资产面板导入 SVG，可编辑颜色和顶点，建议清理多余顶点。

导入 PNG/PSD/JPEG，可调压缩率。PSD 支持多层导入。

导入 PSD 文件并保留图层结构，便于进一步在 Rive 中编辑和动画化。

动画模式下的时间线操作：播放/暂停、播放头移动、循环类型、时长和速度调整。

通过检查器或舞台设置关键帧，复制粘贴关键帧，时间线快捷键。

运动路径可视化对象移动轨迹，点代表帧间距。

线性/保持/三次插值类型，曲线手柄调整加速减速效果。

定义动画播放范围，通过偏移关键帧创建更自然的循环动画。

可视化插值曲线和关键帧，直接操控三次插值手柄。

从零创建钟摆动画：椭圆+钢笔工具、分组绑定、原点调整、旋转关键帧+插值。

通过一个完整练习学习弹力球动画，涵盖位置、时间节奏和基础挤压拉伸。

动画化顶点的位置、旋转和手柄，可对所有顶点批量设关键帧。

Solo 类似 Group 但可切换子对象可见性，适合逐帧动画。

层级顶部对象在前，自定义绘制规则可动画化绘制顺序。

导出 .riv/.rev 文件、分享链接、视频/图片序列/GIF 导出，批量导出。

限制每秒帧数使动画呈现传统手绘风格。

深入解释 Position 数值在动画与层级中的真实含义，帮助理解坐标与位移。

创建文本框、位置/缩放/旋转/尺寸属性、对齐、溢出行为。

将文本拆分为 Run 以应用不同样式，运行时可动态更改文本值。

字体、大小、行高、颜色、多层填充/描边、可变字体属性。

对文本 Run 添加修饰器：透明度、位置、旋转、缩放。

骨骼、操纵杆和约束三大绑定工具简介。

骨骼工具创建骨架：根骨骼与子骨骼、关节控制、层级关系。

将图稿附加到骨骼，骨骼变换被图稿继承，比绑定更高效。

将骨骼绑定到路径层，权重决定每根骨骼对顶点的影响程度。

操纵杆可在不同时间线之间平移控制，支持反转和多操纵杆。

约束允许一个对象的属性受另一个对象控制。

链接两个对象的位置属性，可设置范围、强度和动画化。

控制缩放属性的跟随关系。

一个对象的旋转跟随另一个对象，可调强度实现部分跟随。

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

三种模式：更近（最大距离）、更远（最小距离）、精确（固定距离）。

反向运动学：通过移动目标点控制整条骨骼链旋转。

对象沿路径移动，可控制距离百分比、方向朝向。

将约束强度设为-100可实现反向运动。

状态机为 Rive 文件提供交互能力，由状态、输入、条件和过渡组成。

播放设置（单次/循环/乒乓）、创建时间线、拖放添加状态。

状态机中的层可同时播放多个动画，每个层独立管理状态和过渡。

右侧层优先级更高，当多个层动画化相同属性时需注意。

过渡控制状态切换，需要条件和输入来防止无限循环。

三种输入类型：数字、布尔值、触发器。可通过代码操控。

使用输入作为过渡条件：布尔值真/假、数字比较运算符、触发器。

多条件的 And（同时满足）和 Or（满足其一）逻辑组合。

输入的初始值决定状态机启动时进入哪个状态。

监听器用于检测悬停、点击等交互事件，并把这些交互接入状态机逻辑。

监听器检测鼠标交互，改变输入值驱动状态切换。

使用 Align Target 让对象跟随鼠标位置。

Any State 允许从任意状态随时过渡，避免复杂的过渡网络。

Exit State 停用所在层，适合性能优化场景。

初学者常见错误：缺少关键帧导致状态切换异常。

创建交互按钮：悬停变色 + 点击弹跳效果。

为动画和状态机添加声音事件，在合适的时间点触发音频播放。

布局功能的主要用途和使用场景介绍。

使用行和列组织布局中的元素排列。

创建可动态调整大小的按钮组件。

学习如何让元素根据可用空间自动适配尺寸与位置。

当组件尺寸发生变化时，让布局自动回流并保持整体结构协调。

控制布局主轴方向与排列方式，以适配不同内容和界面需求。

了解 Rive 数据绑定的核心概念，以及它如何连接设计、状态和运行时数据。

定义和组织 View Model 属性，为界面与动画提供可绑定的数据来源。

使用转换器在不同数据类型和展示形式之间做映射。

理解单向与双向绑定的区别，以及何时使用不同的绑定方向。

用枚举值表达离散状态，让数据绑定逻辑更清晰。

将相关属性分组管理，提升复杂数据模型的可维护性。

从代码层面控制 Rive 文件和数据绑定，建立设计与工程之间的桥梁。

在 Rive 编辑器中观察 View Model 属性变化，便于调试和验证逻辑。

通过 Javascript 读写 View Model 属性，把外部应用状态接入 Rive。

在代码中监听属性变化，用于响应式更新和业务逻辑联动。

使用列表数据生成和驱动重复内容，让绑定模型更灵活。

结合数据绑定使用组件，构建更可复用、更易扩展的交互单元。

利用列表索引访问和控制重复项中的具体数据。

了解 Libraries 如何在多个文件和项目之间复用设计系统与资源。

在 Libraries 中使用数据绑定，让复用组件拥有更强的动态能力。

将实例与库资源解除绑定，在保留内容的同时进行独立编辑。