下图可帮助您确定要使用哪个 API 来实现动画。
请按照下面的决策树问题选择最适合您用例的动画 API
- 我的动画更像是艺术品,包含许多视觉元素吗?例如 SVG 或图像
- 是:它是否包含简单的 SVG?例如带有微动画的图标
- 是:
AnimatedVectorDrawable
- 否:第三方动画框架,例如
Lottie
- 是:
- 否:它是否需要无限循环?
- 是:
rememberInfiniteTransition
- 否:这是布局动画吗?
- 是:在具有不同内容的多个可组合项之间切换?
- 是:使用导航组合?
- 是:
composable()
并设置enterTransition
和exitTransition
- 否:
AnimatedContent
、Crossfade
或Pager
- 是:
- 否:动画显示/消失?
- 是:
AnimatedVisibility
或animateFloatAsState
与Modifier.alpha()
- 否:动画大小?
- 是:
Modifier.animateContentSize
- 否:其他布局属性?例如偏移量、填充等
- 是:请参见“属性是否完全相互独立?”
- 否:列表项动画?
- 是:
animateItemPlacement()
(重新排序和删除即将推出)
- 是:
- 是:
- 是:
- 是:使用导航组合?
- 否:您需要动画多个属性吗?
- 是:属性是否完全相互独立?
- 是:
animate*AsState
,对于文本,请使用TextMotion.Animated
- 否:同时开始?
- 是:是:
updateTransition
与AnimatedVisibility
、animateFloat
、animateInt
等 - 否:
Animatable
与animateTo
(使用挂起函数)调用不同的时间
- 是:是:
- 是:
- 否:动画是否有一组预定义的目标值?
- 是:
animate*AsState
,对于文本,请使用TextMotion.Animated
- 否:手势驱动的动画?您的动画是唯一的真相来源?
- 是:
Animatable
与animateTo
/snapTo
- 否:无需状态管理的一次性动画?
- 是:
AnimationState
或animate
- 否:答案不在此处?提交功能请求
- 是:
- 是:
- 是:
- 是:属性是否完全相互独立?
- 是:在具有不同内容的多个可组合项之间切换?
- 是:
- 是:它是否包含简单的 SVG?例如带有微动画的图标
下载该图的 PDF 版本。