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

文本片段

3m 01s部分过时+1 项变更
Rive 101 - Text Runs
  • 核心教学目标: 深刻理解并掌握 Rive 的文本片段 (Text Runs) 机制,学会在单个连续的文本图层内动态划分子区间,以此承载不同的视觉样式与动态内容。
  • 背景痛点: 传统动效流程中,若要在一段话里单独改变某个单词的颜色,通常需要将文案打散为多个图层拼凑,这不仅导致层级杂乱,而且当动态更换长短不同的文本时,极易发生像素错位或断行断层。
  • 最终业务效益: 文本片段(Text Runs)在保持单一文本流的前提下,实现了“局部样式独立”与“内容动态注入”。这为多语言本地化、运行时特定高亮(如用户名、超链接颜色单独变更)提供了无损的排版方案,同时由于片段的文本和样式直接支持关键帧动画,极大拓宽了富文本动效的创意空间。
  • 单一文本流 (Text Flow) 的排版安全: 通过 Runs 切分出的局部文本在 Rive 引擎底层依然共享同一套物理排版框。当 Run 2 的文字由短变长(例如运行时将动态用户名从 Joe 替换为 Alexander),其前后的 Run 1 和 Run 3 会自动流式后移或自动换行,绝不会产生由于多图层拼凑而造成的文本视觉重叠。
  • 运行时动态文本注入 (Data Binding): 在跨端运行时(Web, Flutter, iOS/Android 等),开发人员可以直接通过底层 API 寻址到特定的 Text Run ID(如视频中的 Run 2),并在代码层动态传入业务数据。由于设计阶段已经隔离了样式(如红色字体的 name style),这保证了动态注入的业务数据能自带完美的设计样式。
  • 样式关键帧的突变特性: 在动画模式下,为 Text Run 切换样式(Style)通常是离散的(Discrete/Stepped)突变过渡。若项目需要平滑的数值渐变(如颜色线性淡入淡出),建议使用后续章节的 Text Modifiers(文本修饰符) 来对属性通道进行更高级的插值调节。
部分内容与当前版本有差异1 项变更
2024.9Run 限设计模式

创建 Run 需在设计模式下。