FloatingActionButton 图标动画（Android FAB src 可绘制动画）答案

【问题标题】：FloatingActionButton icon animation (Android FAB src drawable animation)FloatingActionButton 图标动画（Android FAB src 可绘制动画）
【发布时间】：2015-07-18 03:38:04
【问题描述】：

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

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

【问题讨论】：

标签： android animation icons floating-action-button

【解决方案1】：

我使用的技术类似于DrawableAnimation 文档中公开的技术，并使用Property Animation API 文档。

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

    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 上工作的解决方案。如果您知道更好的解决方案，请在此处发布，如果没有，我希望这篇文章对您有所帮助

【讨论】：

【解决方案2】：

您可以实现 FAB 的 src 可绘制动画，这与使用 background 的其他视图非常相似。AnimationDrawable。

对于一般视图的背景可绘制动画，请参阅Use AnimationDrawable。

但是，您不能致电getBackground() 获取FAB 的src。

改为使用getDrawable()。

例子：

        FloatingActionButton loginButton = findViewById(R.id.loginButton);
        loginAnimation = (AnimationDrawable) loginButton.getDrawable();

        loginButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                loginAnimation.start();
            }
        });

【讨论】：