Android 添加到购物车动画(附源码)

最近项目有一个签到功能，类似于添加购物车功能，于是自己通过动画来实现这一功能，废话不多说，先上截图



gif有点卡针，需要的话我会在后面附上源码。现在就上代码了，代码注释比较详细，不懂得可以自己百度或者留言和我一起讨论，毕竟自己理解才是最好的学习之路

shop.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
int[] start_location = new int[2];// 一个整型数组，用来存储按钮的在屏幕的X、Y坐标
v.getLocationInWindow(start_location);// 这是获取购买按钮的在屏幕的X、Y坐标（这也是动画开始的坐标）
ImageView buyImg = new ImageView(getApplicationContext());// buyImg是动画的图片，我的是一个小球（R.drawable.sign）
buyImg.setImageResource(R.drawable.sign);// 设置buyImg的图片
setAnim(buyImg, start_location);// 开始执行动画
}
});

执行动画代码

private void setAnim(final View v, int[] start_location) {
ViewGroup anim_mask_layout = null;
anim_mask_layout = createAnimLayout();//创建动画视图
anim_mask_layout.addView(v);//把动画小球添加到动画层
final View view = addViewToAnimLayout(anim_mask_layout, v,
start_location);
int[] end_location = new int[2];// 这是用来存储动画结束位置的X、Y坐标
imageView.getLocationInWindow(end_location);// shopCart是那个购物车

// 计算位移
int endX = end_location[0]- start_location[0];// 动画位移的X坐标
int endY = end_location[1] - start_location[1];// 动画位移的y坐标
TranslateAnimation translateAnimationX = new TranslateAnimation(0,
endX, 0, 0);
translateAnimationX.setInterpolator(new LinearInterpolator());
translateAnimationX.setRepeatCount(0);// 动画重复执行的次数
translateAnimationX.setFillAfter(true);

TranslateAnimation translateAnimationY = new TranslateAnimation(0, 0,
0, endY);
translateAnimationY.setInterpolator(new AccelerateInterpolator());
translateAnimationY.setRepeatCount(0);// 动画重复执行的次数
translateAnimationX.setFillAfter(true);

AnimationSet set = new AnimationSet(false);
set.setFillAfter(false);
set.addAnimation(translateAnimationY);
set.addAnimation(translateAnimationX);
set.setDuration(800);// 动画的执行时间
view.startAnimation(set);
// 动画监听事件
set.setAnimationListener(new AnimationListener() {
// 动画的开始
@Override
public void onAnimationStart(Animation animation) {
v.setVisibility(View.VISIBLE);
}

@Override
public void onAnimationRepeat(Animation animation) {
// TODO Auto-generated method stub
}

// 动画的结束
@Override
public void onAnimationEnd(Animation animation) {
v.setVisibility(View.GONE);
}
});

}

创建动画视图代码

/**
* @Description: 创建动画层
* @param
* @return void
* @throws
*/
private ViewGroup createAnimLayout() {
ViewGroup rootView = (ViewGroup) this.getWindow().getDecorView();
LinearLayout animLayout = new LinearLayout(this);
LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(
LinearLayout.LayoutParams.MATCH_PARENT,
LinearLayout.LayoutParams.MATCH_PARENT);
animLayout.setLayoutParams(lp);
animLayout.setId(Integer.MAX_VALUE);
animLayout.setBackgroundResource(android.R.color.transparent);
rootView.addView(animLayout);
return animLayout;
}

将视图添加到动画布局中去---addViewToAnimLayout()

private View addViewToAnimLayout(final ViewGroup vg, final View view,
int[] location) {
int x = location[0];
int y = location[1];
LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(
LinearLayout.LayoutParams.WRAP_CONTENT,
LinearLayout.LayoutParams.WRAP_CONTENT);
lp.leftMargin = x;
lp.topMargin = y;
view.setLayoutParams(lp);
return view;
}

好了，到了这里，基本代码就实现了，具体位置可以自己调节，我这边只是实现一个比较简单的DEMO。可以根据自己的需求进行布局的改变

源码地址：源码下载，下载源码后请给我一个评分或者分享，毕竟你们的支持才是我前进的最大动力，在此谢过了........

                                                                                                                                                                                                   from:有点中二的码农