如何在Android中实现循环检查/勾选动画？

Question

我正在尝试为自定义视图设置动画

我实现了一个圆形进度条自定义视图，与这个完全相似

 @Override
   protected void onDraw(Canvas canvas)
   {
       super.onDraw(canvas);

       if (totalCount == 0 || progressCount == 0)
       {
           // No progress, set a different background color and draw a arc and set a icon at the center
           progressBackgroundPaint.setColor(outerNoProgressBackgroundColor);
           canvas.drawArc(viewRect, PROGRESS_START_DEGREE, PROGRESS_END_DEGREE, false, progressBackgroundPaint);
           drawInnerBackgroundWithState(canvas, ProgressState.NO_PROGRESS);
           drawCenterIconWithState(centerIconEmptyBitmap, canvas, ProgressState.NO_PROGRESS);
       }
       else
       {
           // Change the color first for a progress bar
           progressBackgroundPaint.setColor(outerProgressBackgroundColor);
           canvas.drawArc(viewRect, PROGRESS_START_DEGREE, PROGRESS_END_DEGREE, false, progressBackgroundPaint);

           // Then draw an arc on top of it marking progress
           canvas.drawArc(viewRect, PROGRESS_START_DEGREE, getAngle(), false, progressPaint);

           // set inner background color and tint center icon with state-appropriate color and draw it in the center
           // of the progress circle
           if (progressCount < totalCount)
           {
               canvas.drawOval(viewRect, innerBackgroundPaint);
               drawCenterIconWithState(centerIconProgressBitmap, canvas, ProgressState.IN_PROGRESS); // draw bit map function
           }
           else
           {
               canvas.drawOval(viewRect, completeBackgroundPaint);
               drawCenterIconWithState(centerIconProgressBitmap, canvas, ProgressState.COMPLETE); // draw bitmap function
           }
       }
   }

我使用ValueAnimator称为onDraw

public void drawProgressAnimation(float progress)
   {
ValueAnimator animator;
       if (animator != null)
           animator.cancel();
       animator = ValueAnimator.ofFloat(0f, progress);
       animator.setDuration(600);

       progressAnimator.addUpdateListener(animation ->
       {
           float progress1 = (float)animation.getAnimatedValue();
           setProgress(progress1, true);
       });
       progressAnimator.start();
   } 

并在调用onDraw setProgress方法中失效。

但是，我需要实现这样的目标，

我尝试将 Animator 与ValueAnimator一起使用，但没有用。 我试图通过在 lambda 内部设置一个变量来按顺序调用onDraw但徒劳无功。 我不确定是否可以使用AnimatedVectorDrawable做到这一点。 有人可以帮忙吗？

Answer 1

您是否尝试过查看此源代码：

https://github.com/cdflynn/checkview

另请参阅此库： https : //github.com/airbnb/lottie-android可以帮助您使用动画。

Answer 2

我认为此视图可以由 AnimatedStateListDrawable 完成，这是此类动画的最佳实践，您可以在保留部分查看https://medium.com/androiddevelopers/animating-on-a-schedule-8a90d812ae4 。

Answer 3

您可以使用此Lottie 文件

然后使用这个设置 Lottie

这是一个在android项目中实现Lottie的教程。

使用 Lottie 可以在 Android 动画中节省大量艰苦的时间，而且它也很容易实现。 Lottie 不会消耗大量内存，这对我们很有帮助。

Answer 4

我使用这个 repo 作为参考并实现了我想要的。 而不是使用随机计数器来设置速度。 我使用值动画并使用每一帧的进度值来设置弧率。 并使用计数器绘制从零增长到半径的圆。

                {
                    canvas.drawArc(mRect, START_DEGREE, getSweepAngle(), false, progressPaint);

                    // animate circle progress when arc reaches partial sweep angle
                    if (getSweepAngle() >= partialSweepAngle)
                    {
                        innerBackground.setColor(innerCompleteColor);
                        circleCounter += circleProgressRate;

                        if (circleCounter <= radius)
                            canvas.drawCircle(mRect.centerX(), mRect.centerY(), circleCounter,
                                innerBackground);
                        else
                            canvas.drawCircle(mRect.centerX(), mRect.centerY(), radius, innerBackground);
                    }
                    if (circleCounter >= radius)
                        // draw the icon
                }