我试图寻找有关如何创建FAB(Design支持库中的浮动操作按钮)的图标动画的文档,在搜索一段时间后,我无法找到任何相关信息。尽管FAB类是ImageView的子类,但Android开发人员文档中的AnimationDrawable参考并不适用于FAB。
但我设法找到了一个可行的解决方法,它完全有效。
我试图寻找有关如何创建FAB(Design支持库中的浮动操作按钮)的图标动画的文档,在搜索一段时间后,我无法找到任何相关信息。尽管FAB类是ImageView的子类,但Android开发人员文档中的AnimationDrawable参考并不适用于FAB。
但我设法找到了一个可行的解决方法,它完全有效。
我使用的技术与DrawableAnimation文档中介绍的类似,并且使用了Property Animation API。首先,我使用ValueAnimator类和一个包含要在动画中使用的可绘制对象的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();
,这个实现允许你播放动画的倒放。
我知道这不是一个专业的解决方案,但这是我找到的唯一适用于所有支持属性动画的 API 的解决方案。如果您知道更好的解决方案,请在此发布,否则我希望这篇文章对您有所帮助。
background
和AnimationDrawable
的视图类似的方式实现FAB的src drawable动画。有关通用视图背景可绘制动画,请参阅使用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();
}
});