目录
- Demo 1 文字开幕
- 演示代码
- 关键逻辑解析
- Demo 2 文字缩小入场
- 演示代码
- 关键逻辑解析
- Demo 3 文字旋入
- 演示代码
- 关键逻辑解析
- 运行验证
- 扩展复用方向
- 工程下载
文字入场是 UI 动效里最常用的一类效果。启动页标题、弹窗提示、页面切换时的强调文字,只要让文字以合适的方式"出现",视觉层次感就会明显不同。这篇先介绍三种基础入场写法:幕布揭幕、缩小淡入和旋转飞入。它们都只依赖Text的scale、opacity、rotation、x、y等基础属性,配合NumberAnimation和SequentialAnimation完成,适合直接复制到项目里复用。
涉及的核心知识点:
NumberAnimation对单个数值属性做插值动画SequentialAnimation与ParallelAnimation控制动画时序clip容器控制文字可见区域,实现揭幕效果Easing.OutBack、Easing.OutCubic等回弹/平滑缓动
Demo 1 文字开幕
这个效果让文字从中间向两边逐渐揭示,像舞台幕布向两侧拉开一样。实现方式不是移动文字,而是用一个居中的clipWindow容器控制文字的可见宽度。