Lottie Android - 如何从一个位置到另一个位置播放并按范围重复？

Question

我找到了这个Lottie Play/Pause button，但我不知道如何在我的音频播放器暂停时显示播放状态，在播放器播放时显示暂停状态并在其中重复均衡器动画（请参阅乐天预览）。我已经阅读了文档，但没有针对这种情况的示例。我也没有任何关于 After Effect 的知识来控制动画。

Answer 1

根据 Lottie 动画它有帧，所以通过操纵这些帧你可以实现你想要的，示例

AnimationView play_pause = findViewById(R.id.play_pause);
play_pause.cancelAnimation();
play_pause.setMinFrame(90);
play_pause.setMaxFrame(175);

此代码将在 90-175 范围内重复您的动画我在您的 Lottie Play/Pause 按钮​​上进行了测试，因此单击停止时您必须将 MaxFrame 更改为 210 并将循环设置为 1 动画完成后它会在播放图片中停止。

这是实现类似目标的完整代码

Boolean isPlaying = false;
play_pause = findViewById(R.id.play_pause);
play_pause.pauseAnimation();
play_pause.setMinFrame(60);
play_pause.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {

            if (isPlaying){

                play_pause.removeAllAnimatorListeners();
                play_pause.addAnimatorUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                    @Override
                    public void onAnimationUpdate(ValueAnimator valueAnimator) {

                        if (valueAnimator.getAnimatedFraction() == 1){

                            play_pause.setMinFrame(60);
                            play_pause.pauseAnimation();

                        }
                    }
                });

                play_pause.setMinFrame(175);
                play_pause.setMaxFrame(210);
                isPlaying = false;
            } else {
                play_pause.setMaxFrame(175);
                play_pause.removeAllUpdateListeners();
                play_pause.addAnimatorListener(new Animator.AnimatorListener() {
                    @Override
                    public void onAnimationStart(Animator animator) {

                    }

                    @Override
                    public void onAnimationEnd(Animator animator) {

                    }

                    @Override
                    public void onAnimationCancel(Animator animator) {

                    }

                    @Override
                    public void onAnimationRepeat(Animator animator) {
                        play_pause.setMinFrame(90);
                    }
                });
                play_pause.resumeAnimation();
                isPlaying = true;
            }
        }
    });