2024.9文本 Overflow: Fit
新增 Fit、Wrap/No Wrap 和垂直对齐。
查看来源 ↗
- 核心教学目标： 熟练掌握 Rive 中文本工具（Text Tool）的建立方法，深刻理解文本框的不同尺寸调整模式（Sizing Options）以及文本溢出（Overflow）的处理逻辑。
- 背景痛点： 在跨平台 UI 动效设计中，文本内容往往是动态注入的。若文本框的边界缩放模式或溢出裁剪逻辑配置不当，在运行时换入长文案时就会引发文字出界、重叠、或排版错位等严重视觉 Bug。
- 最终业务效益： Rive 的文本工具提供了媲美现代前端 CSS 布局的文本容器控制能力。通过合理配置自动宽高及
Ellipsis（省略号）或Fit（自动缩放）等溢出策略，设计师能确保动画资产在不同屏幕尺寸及动态国际化文本注入时，均具备工业级的排版自适应能力。
- 运行时动态排版的安全机制： Rive 的文本框尺寸调整（Sizing）和溢出（Overflow）选项直接映射到运行时引擎。在开发动态 UI（如排行榜用户名或动态对话框）时，强烈建议使用 Auto Height 配合 Ellipsis，或直接开启 Fit。这样能确保不论用户名字多长，都不会发生刺破 UI 容器或导致界面崩塌的致命排版 Bug。
- Freeze Mode (
Y键) 修正动画轴： 文本图层的原点位置决定了其进行旋转（Rotation）和缩放（Scale）动画时的轴心。利用Y键在不位移文字内容的前提下修正原点，是制作文字弹跳、翻转等动画前必须执行的最佳实践。 - Fit 模式的渲染边界效益：
Overflow: Fit是 Rive 针对动态文本提供的一项极其强悍的特性。它避免了开发端手动写代码根据字数去动态计算fontSize的麻烦，直接在渲染层无损缩放字体，非常适合用于制作固定大小的 UI 按钮或卡片标签。