android - FloatingActionButton 图标动画(Android FAB src 可绘制动画)

Question

我试图找到有关如何创建 FAB(设计支持库)的图标动画的文档，搜索了一段时间后我找不到任何相关信息，Android 开发人员中的 AnimationDrawable 引用不适用于FAB 即使该类是 ImageView 的子类也是如此。

但设法找到一个工作正常的解决方法。

Answer 1

我使用的技术与DrawableAnimation上公开的技术相似文档，并使用 Property Animation API文档。

首先，我使用 ValueAnimator 类和一个 int 数组，其中包含您将在动画中使用的可绘制对象的 ID。

    final int[] ids = {R.drawable.main_button_1,R.drawable.main_button_2,R.drawable.main_button_3,R.drawable.main_button_4,R.drawable.main_button_5,R.drawable.main_button_6, R.drawable.main_button_7};
    fab = (FloatingActionButton) findViewById(R.id.yourFabID);
    valueAnimator = ValueAnimator.ofInt(0, ids.length - 1).setDuration(yourAnimationTime);
    valueAnimator.setInterpolator( new LinearInterpolator() /*your TimeInterpolator*/ );

然后设置一个 AnimationUpdateListener，并使用方法 FloatinActionButton.setImageDrawable(Drawable yourDrawable) 定义图标行为的变化。

但 ValueAnimator 默认更新每个可用帧(取决于硬件负载)，但如果图标已经绘制，我们不需要重新绘制图标，所以这就是我使用变量“i”的原因；所以每个图标只绘制一次。 (时间取决于你定义的插值器)

valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
        int i = -1;
        @Override
        public void onAnimationUpdate(ValueAnimator animation) {
            int animatedValue = (int) animation.getAnimatedValue();
            if(i!=animatedValue) {
                fab.setImageDrawable(getResources().getDrawable(ids[animatedValue]));
                i = animatedValue;
            }
        }
    });

此实现允许您使用 ValueAnimator.reverse(); 方法向后播放动画

我知道这不是一个专业的解决方案，但它是我想出的唯一一个适用于支持 PropertyAnimation 的所有 API 的解决方案。如果您知道更好的解决方案，请在此处发布，否则我希望这篇文章对您有所帮助