Android实现加入购物车动画
2020-04-22 本文已影响0人
itfitness
目录

前言
最近项目需要一个加入购物车的动画效果,费了一点时间做出来了,在这记录下方便以后使用。
实现效果
●小图

●圆形大图(仿每日优鲜)

使用方法
整个效果的核心类已经被我封装成了一个类了,直接使用即可。
animManager = new AnimManager.Builder()
.with(this)
.animModule(AnimManager.AnimModule.BIG_CIRCLE)//图片的动画模式,小的或者大的(仿每日优鲜)
.startView(startView)//开始位置的控件
.endView(imageViewShopCar)//结束位置的控件
.listener(new AnimManager.AnimListener() {
@Override
public void setAnimBegin(AnimManager a) {
}
@Override
public void setAnimEnd(AnimManager a) {
//购物车回弹动画(这里是加入购物车动画执行结束时的回调我在这里加入了购物车回弹效果,不需要的话可以去掉)
TranslateAnimation anim = new TranslateAnimation(0, 0, 20, 0);
anim.setInterpolator(new BounceInterpolator());
anim.setDuration(700);
imageViewShopCar.startAnimation(anim);
textViewNum.setText(num+"");
}
})
.imageUrl(animImgUrl)
.build();
animManager.startAnim();