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

条件

2m 49s部分过时
Rive 101 - Conditions

本课程的核心教学目标是掌握 Rive 状态机中条件变量(Conditions)的创建方法,以及利用全新的“视图模型”(View Model)架构驱动交互动画转场的核心工作流。

针对传统交互动效中,动画的跳转只能依赖硬编码或零散的全局变量,导致复杂 UI 组件的数据状态极难管理的行业痛点,Rive 引入了现代前端 MVVM 概念的“视图模型(View Model)”。通过将数据模型无缝绑定至画板(Artboard),设计师可以在专门的数据面板中定义数字(Number)、布尔值(Boolean)和触发器(Trigger)三种核心属性。这些属性将直接作为状态机过渡线上的限制锁(Conditions),实现数据流向对动画转场百分之百的精确控制。

  • 现代化 View Model 数据流革新: 相比 Rive 早期版本直接在状态机内部创建 Inputs 的传统做法,新版官方强烈推荐将变量托管在 View Model Properties 中。这种设计让动效的数据结构与前端开发(如 React, Vue 的 State)能够达成同构绑定,极大地提升了运行时(Runtime)的代码控制效率。
  • 三大控制变量的物理适用逻辑: - Number(数字): 适用于连续的、区间式的控制,如进度条百分比、摇杆坐标偏移、滑块数值联动。
    • Boolean(布尔): 适用于双态开关切换,如夜间模式开启/关闭、菜单展开/收起、静音状态切换。
    • Trigger(触发器): 适用于瞬时的孤立动作,如点击按钮、关卡胜利、角色开火。触发器一经激活会自动复位,无须手动写逻辑将其恢复。
  • 过渡线条件的“与/或”级联: 虽然本节课演示的是单条件控制,但 Rive 允许在同一条过渡线上通过点击加号追加多条 Conditions。多条条件处于并列状态时,默认需要全部满足(AND 逻辑)才会放行跳转,这对于构建复杂的业务交互组件非常关键。