下面的图表可以帮助您确定要使用哪种 API 来实现您的动画效果。
请按照下面的决策树问题,选择哪个动画 API 最适合您的用例:
- 我的动画是否更像是艺术作品,由许多视觉元素组成?例如 SVG 或图片
- 是:它是否有简单的 SVG?即带有微动画的图标
- 是:
AnimatedVectorDrawable
- 否:第三方动画框架,即
Lottie
- 是:
- 否:是否需要永久重复?
- 是:
rememberInfiniteTransition
- 否:这是布局动画吗?
- 是:在不同具有不同内容的可组合项之间切换?
- 是:使用 navigation-compose?
- 是:
composable()
已设置enterTransition
和exitTransition
- 否:
AnimatedContent
、Crossfade
或Pager
- 是:
- 否:为出现 / 消失添加动画效果?
- 是:
AnimatedVisibility
或animateFloatAsState
(Modifier.alpha()
) - 否:为大小添加动画效果?
- 是:
Modifier.animateContentSize
- 否:其他布局属性(例如偏移、内边距等)
- 是:请参阅“属性是否完全相互独立?”
- 否:列表项动画?
- 支持:
animateItemPlacement()
(即将支持重新排序和删除)
- 支持:
- 是:
- 是:
- 是:使用 navigation-compose?
- 否:您是否需要为多个属性添加动画效果?
- 是:这些属性是否完全相互独立?
- 是:
animate*AsState
;对于文字广告,请使用TextMotion.Animated
- 否:同时开始?
- 是:是:
updateTransition
以及AnimatedVisibility
、animateFloat
、animateInt
等 - 否:以不同时间(使用挂起函数)调用
animateTo
的Animatable
- 是:是:
- 是:
- 否:动画是否具有一组预定义的目标值?
- 是:
animate*AsState
;如果是文字广告,请使用TextMotion.Animated
- 否:手势驱动的动画?您的动画是唯一可信来源吗?
- 是:
Animatable
animateTo
/snapTo
- 否:没有状态管理的单样本动画?
- 是:
AnimationState
或animate
- 否:不在此处回答?提交功能请求
- 是:
- 是:
- 是:
- 是:这些属性是否完全相互独立?
- 是:在不同具有不同内容的可组合项之间切换?
- 是:
- 是:它是否有简单的 SVG?即带有微动画的图标
下载图表的 PDF 版本。