How to get total number of frames available in the Lottie Animation?

在使用Lottie Animation的过程中，获取可用帧数是一个重要的功能，尤其是当你需要精确控制动画播放或进行特定帧的操作时。Lottie是一个流行的库，可以在多个平台上渲染由Adobe After Effects导出的动画。获取动画的帧数可以通过编程方式实现，具体取决于你使用的平台（如Android, iOS, 或Web）。

例如，在Android上：

1. 初始化LottieAnimationView: 首先，你需要有一个LottieAnimationView的实例，这通常是在你的布局文件（XML）中定义的或者在代码中创建的。

   xml
   <com.airbnb.lottie.LottieAnimationView
       android:id="@+id/lottieAnimationView"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       app:lottie_fileName="animation.json"/>

2. 加载动画: 通过指定动画文件来加载动画。

   java
   LottieAnimationView animationView = findViewById(R.id.lottieAnimationView);
   animationView.setAnimation("animation.json");
   animationView.playAnimation();

3. 获取帧数: 使用LottieDrawable中的getComposition()方法来获取LottieComposition对象，再使用它来查询总帧数。

   java
   if (animationView.getDrawable() instanceof LottieDrawable) {
       LottieDrawable lottieDrawable = (LottieDrawable) animationView.getDrawable();
       LottieComposition composition = lottieDrawable.getComposition();
       float frameRate = composition.getFrameRate();
       float startFrame = composition.getStartFrame();
       float endFrame = composition.getEndFrame();
       float totalFrames = endFrame - startFrame;
       
       Log.d("LottieInfo", "Total frames: " + totalFrames + " at " + frameRate + " fps");
   }

在iOS上：

在iOS中，你可以使用类似的方法，通过LOTAnimationView来获取动画的帧数。

swift
import Lottie

let animationView = AnimationView(name: "animation")
animationView.play()

if let composition = animationView.animation {
    let totalFrames = composition.endFrame - composition.startFrame
    print("Total frames: \(totalFrames)")
}

在Web上：

对于Web应用，可以使用lottie-web库来实现相似的功能。

javascript
import lottie from 'lottie-web';

const animation = lottie.loadAnimation({
  container: document.getElementById('lottie'), // the dom element
  renderer: 'svg',
  loop: true,
  autoplay: true,
  path: 'animation.json' // the path to the animation json
});

animation.addEventListener('DOMLoaded', function() {
    const totalFrames = animation.totalFrames;
    console.log("Total frames:", totalFrames);
});

通过上述示例，无论在哪个平台，获取Lottie动画的帧数都是直接且有效的。这对于动画的精确控制非常有帮助，比如在特定帧显示某些信息或触发其他动作。