android 按钮图片动画,FloatingActionButton图标动画(Android FAB src可绘制动画)

我使用的技术类似于

DrawableAnimation文档中公开的技术,并使用

Property Animation API文档.

首先,我使用ValueAnimator类,以及一个int数组,其中包含您将在动画中使用的drawable的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上工作的解决方案.如果您知道更好的解决方案,请在此处发布,如果不是,我希望这篇文章有用