选择动画 API

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

描述决策树的流程图,用于选择适当的动画 API

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

按照以下决策树问题,选择最适合您的应用场景的动画 API:

  • 我的动画更像艺术品,包含许多视觉元素吗?例如 SVG 或图片
    • 是:它是否包含简单的 SVG?即包含微动画的图标
    • 否:是否需要永久重复?
      • 是:rememberInfiniteTransition
      • 否:这是布局动画吗?
        • 是:在具有不同内容的多个可组合项之间切换?
        • 否:您是否需要为多个属性添加动画效果?
          • 是:这些媒体资源是否完全独立?
          • 否:动画是否具有一组预定义的目标值?
            • 是:animate*AsState;对于文本,请使用 TextMotion.Animated
            • 否:手势驱动型动画?动画是唯一的可信来源吗?

下载该图表的 PDF 版本