详解Android实现购物车页面及购物车效果(点击动画)

所属分类: 软件编程 / Android 阅读数: 57
收藏 0 赞 0 分享

本文介绍了Android实现购物车页面及购物车效果(点击动画),分享给大家,具体如下:

效果图如下:

思路:

(1)思考每个条目中的数字的更新原理。

(2)购物车的动画效果。

(3)购物清单怎么显示(这个我暂时没有写,如果需要的话,可以在我的简书下给我留言)。

1.因为进入页面,所有的商品个数都显示为零,所以我用 ArrayList<HashMap<String, Object>> data,把商品集合都附上零:

    //下面把data都添加0,为了刚开始显示时,显示的是0
    for (int i = 0; i < list.size(); i++) {
      HashMap<String, Object> myhashmap = new HashMap<String, Object>();
      myhashmap.put("number", "" + 0);
      data.add(myhashmap);
    }

然后把data传入Adapter:

adapter = new MyAdapter(data);

当我们对商品进行增减时,我们可以通过hashmap来更改,如下是增加商品的部分代码:

  b = Integer.parseInt((String) data.get(position).get(
              "number"));
          data.get(position).put("number", "" + (b + 1));

2.购物车动画效果:

首先获取点击时的XY坐标,并且设置动画图片:

 // ball是个imageview
 startLocation = new int[2];// 一个整型数组,用来存储按钮的在屏幕的X、Y坐标
          view.getLocationInWindow(startLocation);// 这是获取购买按钮的在屏幕的X、Y坐标(这也是动画开始的坐标)
          ball = new ImageView(MainActivity.this);
          ball.setImageResource(R.mipmap.sign);// 设置动画的图片我的是一个小球(R.mipmap.sign)

然后是开始执行动画:

   private void setAnim(final View v, int[] startLocation) {
    anim_mask_layout = null;
    anim_mask_layout = createAnimLayout(); //创建动画层
    anim_mask_layout.addView(v);//把动画小球添加到动画层
    final View view = addViewToAnimLayout(anim_mask_layout, v,
        startLocation);
    int[] endLocation = new int[2];// 存储动画结束位置的X、Y坐标
    re_zhongcai_tanchu.getLocationInWindow(endLocation);// re_zhongcai_tanchu是那个抛物线最后掉落的控件

    // 计算位移
    int endX = 0 - startLocation[0] + 40;// 动画位移的X坐标
    int endY = endLocation[1] - startLocation[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);

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

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

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

  }

需要注意的是,当动画结束必须关闭动画:

  v.setVisibility(View.GONE);
        set.cancel();
        animation.cancel();

购物车的弹出清单功能,我没有写,需要的话,可以去我的简书留言.

github地址:https://github.com/javaexception/ShoppingCart

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

更多精彩内容其他人还在看

Android样式和主题之选择器的实例讲解

今天小编就为大家分享一篇关于Android样式和主题之选择器的实例讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Android应用动态修改主题的方法示例

今天小编就为大家分享一篇关于Android应用动态修改主题的方法示例,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Flutter 网络请求框架封装详解

这篇文章主要介绍了Flutter 网络请求框架封装详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Flutter倒计时/计时器的实现代码

这篇文章主要介绍了Flutter倒计时/计时器的实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android使用google breakpad捕获分析native cash

这篇文章主要介绍了Android使用google breakpad捕获分析native cash 的相关知识,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

详解Flutter WebView与JS互相调用简易指南

这篇文章主要介绍了详解Flutter WebView与JS互相调用简易指南,分为JS调用Flutter和Flutter调用JS,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android开发实现ListView和adapter配合显示图片和文字列表功能示例

这篇文章主要介绍了Android开发实现ListView和adapter配合显示图片和文字列表功能,涉及Android使用ListView结合adapter适配器实现图文显示功能相关的布局、解析、权限控制等操作技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

Android文字基线Baseline算法的使用讲解

今天小编就为大家分享一篇关于Android文字基线Baseline算法的使用讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Flutter自定义实现神奇动效的卡片切换视图的示例代码

这篇文章主要介绍了Flutter自定义实现神奇动效的卡片切换视图的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android实现自定义滑动刻度尺方法示例

这篇文章主要给大家介绍了关于Android实现自定义滑动刻度尺的相关资料,文中通过示例代码介绍的非常详细,对各位Android开发者们具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享
查看更多