选择动画 API

下面的图表可以帮助您确定要使用哪种 API 来实现您的动画效果。

图 1.描述如何选择合适的动画 API 的决策树

请按照下面的决策树问题，选择哪个动画 API 最适合您的用例：

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

下载图表的 PDF 版本。