Android中使用动画动态添加商品进购物车
2016-08-02 13:56
603 查看
1、首先展示下效果图
2、讲一下思路,小球由加号位置运动到购物车位置,首先得获得这两个点在整个屏幕中的坐标,然后分别计算这两个点的横纵坐标的差值,再通过TranslateAnimation这个类设置小球在X、Y方向上的偏移量,最后通过AnimationSet这个类将这两个动画放在一起执行。这是小球运动的动画,还有就是购物车变大缩小的动画。这个动画通过ObjectAnimator的ofFloat的方法设置缩放,要注意的是当小球落下的时候,购物车才开始动画,所以要设置一下setStartDelay这个方法。
3、具体的代码我就贴一下动画部分的代码,如果想要这个Demo看下我最后贴出的Github的地址
4、GitHub地址:https://github.com/hdhap/AddGoodAnimation.git,点击打开链接
2、讲一下思路,小球由加号位置运动到购物车位置,首先得获得这两个点在整个屏幕中的坐标,然后分别计算这两个点的横纵坐标的差值,再通过TranslateAnimation这个类设置小球在X、Y方向上的偏移量,最后通过AnimationSet这个类将这两个动画放在一起执行。这是小球运动的动画,还有就是购物车变大缩小的动画。这个动画通过ObjectAnimator的ofFloat的方法设置缩放,要注意的是当小球落下的时候,购物车才开始动画,所以要设置一下setStartDelay这个方法。
3、具体的代码我就贴一下动画部分的代码,如果想要这个Demo看下我最后贴出的Github的地址
@Override public void setAnim(View view) { // TODO Auto-generated method stub int[] start_location = new int[2];// 一个整型数组用来存储按钮在屏幕的X,Y坐标 view.getLocationInWindow(start_location);// 购买按钮在屏幕中的坐标 buyImg = new ImageView(this);// 动画的小圆圈 buyImg.setImageResource(R.drawable.sign);// 设置buyImg的图片 setAnim(buyImg, start_location); } /** * hdh: 创建动画层 * * @return */ private ViewGroup createAnimLayout() { ViewGroup rootView = (ViewGroup) this.getWindow().getDecorView();// 获得Window界面的最顶层 LinearLayout animLayout = new LinearLayout(this); LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT); animLayout.setLayoutParams(lp); //animLayout.setId(); animLayout.setBackgroundResource(android.R.color.transparent); rootView.addView(animLayout); return animLayout; } /** * hdh: * * @param vp * @param view * @param location * @return */ private View addViewToAnimLayout(final ViewGroup vp, 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; } /** * hdh:动画 * * @param v * @param start_location */ private void setAnim(final View v, int[] start_location) { anim_mask_layout = null; anim_mask_layout = createAnimLayout(); anim_mask_layout.addView(v); View view = addViewToAnimLayout(anim_mask_layout, v, start_location); int[] end_location = new int[2];// 存储动画结束位置的X,Y坐标 text_chart_num.getLocationInWindow(end_location);// 将购物车的位置存储起来 // 计算位移 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);// 动画重复次数 translateAnimationY.setFillAfter(true); AnimationSet set = new AnimationSet(false); set.setFillAfter(false); set.addAnimation(translateAnimationX); set.addAnimation(translateAnimationY); set.setDuration(1000); view.startAnimation(set); set.setAnimationListener(new Animation.AnimationListener() { @Override public void onAnimationStart(Animation animation) { // TODO Auto-generated method stub v.setVisibility(View.VISIBLE); } @Override public void onAnimationRepeat(Animation animation) { // TODO Auto-generated method stub } @Override public void onAnimationEnd(Animation animation) { // TODO Auto-generated method stub v.setVisibility(View.GONE); } }); ObjectAnimator anim = ObjectAnimator// .ofFloat(view, "scale", 1.0F, 1.5F, 1.0f)// .setDuration(500);// anim.setStartDelay(1000); anim.start(); anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { @Override public void onAnimationUpdate(ValueAnimator animation) { float cVal = (Float) animation.getAnimatedValue(); image_chart.setScaleX(cVal); image_chart.setScaleY(cVal); text_chart_num.setScaleX(cVal); text_chart_num.setScaleY(cVal); } }); }
4、GitHub地址:https://github.com/hdhap/AddGoodAnimation.git,点击打开链接
相关文章推荐
- Android使用动画动态添加商品进购物车
- Android购物车添加商品动画抛物线ParabolaAnimation
- Android实现购物车添加商品动画
- Android把商品添加到购物车的动画效果(贝塞尔曲线)
- Android实现添加商品到购物车动画效果
- android 添加商品到购物车简单动画工具类
- Android 属性动画:实现购物车添加商品动画
- Android动画(透明度,平移,旋转,拉伸,动态添加按钮)
- 把商品添加到购物车的动画效果(贝塞尔曲线)
- 使用C# + Xamarin开发Android应用-- 动态添加控件
- Android 添加到购物车动画(附源码)
- android添加购物车动画实现
- 把商品添加到购物车的动画效果(贝塞尔曲线)
- Android学习一——动态添加组件与删除,可见性设置,imagebutton简单使用
- Android使用shape制作圆形控件及添加弹跳动画
- Android中Recyclerview使用2----实现添加删除条目时加动画
- android animation——添加购物车动画(填坑和优化)
- android中NavigationDrawer的使用以及添加drawer切换时的动画效果
- 动画效果第一弹——购物车添加商品特效
- Android至ViewPager添加切换动画——使用属性动画