Android购物车项目快速开发

购物车项目,业务需要实现了一个购物车的项目,简单的了解下实现逻辑:数据计算等是在Adapter中计算出来的,通过在Adapter中计算出来的数据就可以回调到Activity中进行订单操作等功能业务逻辑,每一个店铺产生的数据是走一条流程的,(业务需求:不是作为一个类似淘宝,京东的平台数据又由平台分发,所以我们实现的是一对一的客户交易的交易流程)接着往下看:

1.界面使用到的控件

goodsAdapter = new GoodsCarAdapter(ShopCarAvtivity.this, result);
lv_refresh.setAdapter(goodsAdapter);
goodsAdapter.setCheckInterface(ShopCarAvtivity.this);// 关键步骤1,设置复选框接口
goodsAdapter.setModifyCountInterface(ShopCarAvtivity.this);// 关键步骤2,设置数量增减接口
for (int i = 0; i < goodsAdapter.getGroupCount(); i++) {
 lv_refresh.expandGroup(i);// 关键步骤3,初始化时,将ExpandableListView以展开的方式呈现
}

2.项目中使用到的数据接口

界面当中的复选框的接口回调

public interface CheckGoodsListener {
/**
 * 组选框状态改变触发的事件
 *
 * @param groupPosition 组元素位置
 * @param isChecked  组元素选中与否
 */
void checkGroup(int groupPosition, boolean isChecked);

/**
 * 子选框状态改变时触发的事件
 *
 * @param groupPosition 组元素位置
 * @param childPosition 子元素位置
 * @param isChecked  子元素选中与否
 */
void checkChild(int groupPosition, int childPosition, boolean isChecked);

/**
 * 购买
 * @param groupPosition
 * @param childPosition
 * @param isChecked
 */
void checkGoodsBuy(ShopCarModel shopCarModel, double totalMonery, int totalCount);

}

商品增加和修改的接口

/**
 * 改变数量的接口
 * Created by zhuangAH on 2016-11-7.
 */

public interface ModifyCountListener {

 /**
  * 增加操作
  *
  * @param groupPosition 组元素位置
  * @param childPosition 子元素位置
  * @param showCountView 用于展示变化后数量的View
  * @param isChecked  子元素选中与否
  */
 void doIncrease(int groupPosition, int childPosition, View showCountView, boolean isChecked);

 /**
  * 删减操作
  *
  * @param groupPosition 组元素位置
  * @param childPosition 子元素位置
  * @param showCountView 用于展示变化后数量的View
  * @param isChecked  子元素选中与否
  */
 void doDecrease(int groupPosition, int childPosition, View showCountView, boolean isChecked);

 /**
  * 删除子item
  *
  * @param groupPosition
  * @param childPosition
  */
 void childDelete(int groupPosition, int childPosition);

}

3.在Adapter中计算商品的金额数量

单个店铺中有多个商品,所以这个店铺的布局,包含选择全组的按钮,使用了接口的回调 checkInterface.checkGroup(groupPosition, ((CheckBox) v).isChecked());来判断是否选中全组,在Activity中进行数据的便利是否选中商品之后再刷新数据。

 @Override
 public View getGroupView(final int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {

  GroupViewHolder gholder = null;
  if (convertView != null && !(convertView.getTag() instanceof GroupViewHolder)) {
   convertView = null;
  }
  if (convertView == null) {
   gholder = new GroupViewHolder();
   convertView = View.inflate(context, R.layout.item_shopcart_group, null);
   gholder.determineChekbox = (CheckBox) convertView.findViewById(R.id.determine_chekbox);
   gholder.tvSourceName = (TextView) convertView.findViewById(R.id.tv_source_name);
   convertView.setTag(gholder);
  } else {
   gholder = (GroupViewHolder) convertView.getTag();
  }

  final ShopCarModel group = (ShopCarModel) getGroup(groupPosition);
  gholder.tvSourceName.setText(group.getFactoryName());
  gholder.determineChekbox.setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    group.setChoosed(((CheckBox) v).isChecked());
    checkInterface.checkGroup(groupPosition, ((CheckBox) v).isChecked());
   }
  });
  gholder.determineChekbox.setChecked(group.isChoosed());
  return convertView;
 }

在Activity中计算便利数据

 /***
  * 校对组元素
  *
  * @param groupPosition 组元素位置
  * @param isChecked  组元素选中与否
  */
 @Override
 public void checkGroup(int groupPosition, boolean isChecked) {

  List<GoodsModel> goodsModelList = shopCarModelList.get(groupPosition).getGoodsModel();
  for (int i = 0; i < goodsModelList.size(); i++) {
   goodsModelList.get(i).setChoosed(isChecked);
  }
  goodsAdapter.notifyDataSetChanged();
 }

在商品中计算数据结果:

@Override
public View getChildView(final int groupPosition, final int childPosition, final boolean isLastChild, View convertView, final ViewGroup parent) {
 GoodsViewHolder goodsViewHolder = null;
 int totalCount = 0;
 double totalPrice = 0.00;

 if (convertView != null && !(convertView.getTag() instanceof GoodsViewHolder)) {
  convertView = null;
 }
 if (convertView == null) {
  goodsViewHolder = new GoodsViewHolder();
  convertView = View.inflate(context, R.layout.item_shopcart_product, null);
  goodsViewHolder.checkBox = (CheckBox) convertView.findViewById(R.id.check_box);
  goodsViewHolder.ivAdapterListPic = (ImageView) convertView.findViewById(R.id.iv_adapter_list_pic);
  goodsViewHolder.tvIntro = (TextView) convertView.findViewById(R.id.tv_intro);
  goodsViewHolder.tvPrice = (TextView) convertView.findViewById(R.id.tv_price);
  goodsViewHolder.tvBuyNum = (TextView) convertView.findViewById(R.id.tv_buy_num);
  goodsViewHolder.rlNoEdtor = (RelativeLayout) convertView.findViewById(R.id.rl_no_edtor);
  goodsViewHolder.tvReduce = (TextView) convertView.findViewById(R.id.tv_reduce);
  goodsViewHolder.tvNum = (TextView) convertView.findViewById(R.id.tv_num);
  goodsViewHolder.tvAdd = (TextView) convertView.findViewById(R.id.tv_add);
  goodsViewHolder.llChangeNum = (LinearLayout) convertView.findViewById(R.id.ll_change_num);
  goodsViewHolder.layout_item_foot = (LinearLayout) convertView.findViewById(R.id.layout_item_foot);
  goodsViewHolder.tv_goods_number = (TextView) convertView.findViewById(R.id.tv_goods_number);
  goodsViewHolder.tv_goods_menoy = (TextView) convertView.findViewById(R.id.tv_goods_menoy);
  goodsViewHolder.tv_buys = (TextView) convertView.findViewById(R.id.tv_buys);
  goodsViewHolder.laytou_car = (LinearLayout) convertView.findViewById(R.id.laytou_car);
  convertView.setTag(goodsViewHolder);
 } else {
  goodsViewHolder = (GoodsViewHolder) convertView.getTag();
 }
 //进行数据操作
 final GoodsModel goodsInfo = (GoodsModel) getChild(groupPosition, childPosition);
 if (goodsInfo != null) {
  //数量初始化为0,金额初始化为0
  goodsViewHolder.tv_goods_number.setText(TypeUtils.toString(0));
  goodsViewHolder.tv_goods_menoy.setText("¥ " + NumberUtils.formatMoneyScale(0.00));

  List<GoodsModel> goodsModel = CarUtrils.getGoodsList(goodShop, groupPosition);
  //判断是否最后一个
  if ((goodsModel.size() - 1) == childPosition) {
   goodsViewHolder.layout_item_foot.setVisibility(View.VISIBLE);
   /**
    * 统计操作<br>
    * 1.先清空全局计数器<br>
    * 2.遍历所有子元素,只要是被选中状态的,就进行相关的计算操作<br>
    * 3.给底部的textView进行数据填充
    */
   //1判断商品是否选中,再进行计算
   for (int j = 0; j < goodsModel.size(); j++) {
    GoodsModel model = goodsModel.get(j);
    if (model.isChoosed()) {
     totalCount += model.getSelectQty();
     totalPrice += TypeUtils.toDouble(NumberUtils.multiply(TypeUtils.toBigDecimal(NumberUtils.formatRounded(model.getPrice())), NumberUtils.toBigDecimal(model.getSelectQty())));
    }
   }

   if (totalPrice != 0.00) {
    goodsViewHolder.tv_goods_number.setText(TypeUtils.toString(totalCount));
    goodsViewHolder.tv_goods_menoy.setText(NumberUtils.formatRounded(TypeUtils.toBigDecimal(totalPrice)));
    goodsViewHolder.tv_buys.setBackgroundColor(context.getResources().getColor(R.color.main_color));
    goodsViewHolder.tv_buys.setEnabled(true);
   } else {
    goodsViewHolder.tv_goods_number.setText(TypeUtils.toString(0));
    goodsViewHolder.tv_goods_menoy.setText("¥ " + NumberUtils.formatMoneyScale(0.00));
    goodsViewHolder.tv_buys.setBackgroundColor(context.getResources().getColor(R.color.resport_line));
    goodsViewHolder.tv_buys.setEnabled(false);
   }

  } else {
   goodsViewHolder.layout_item_foot.setVisibility(View.GONE);
  }
  //设置基础数据
  if (goodsInfo.getImageSrc() != null) {
   Glide.with(context)
     .load(goodsInfo.getImageSrc())
     .centerCrop()
     .placeholder(R.mipmap.test2)
     .crossFade()
     .into(goodsViewHolder.ivAdapterListPic);
  }

  goodsViewHolder.tvIntro.setText(goodsInfo.getName());
  goodsViewHolder.tvPrice.setText("¥ " + NumberUtils.formatRounded(goodsInfo.getPrice()));
  goodsViewHolder.tvBuyNum.setText("X " + NumberUtils.formatQty(goodsInfo.getQty()));
  //set Goods Check
  goodsViewHolder.checkBox.setChecked(goodsInfo.isChoosed());
  goodsViewHolder.tvNum.setText(TypeUtils.toString(goodsInfo.getSelectQty()));

  //选中的状态下才能触发点击事件
  goodsViewHolder.tvAdd.setEnabled(true);
  goodsViewHolder.tvReduce.setEnabled(true);
  //加减
  final GoodsViewHolder finalGoodsViewHolder = goodsViewHolder;
  goodsViewHolder.tvAdd.setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    modifyCountInterface.doIncrease(groupPosition, childPosition, finalGoodsViewHolder.tvNum, finalGoodsViewHolder.checkBox.isChecked());// 暴露增加接口

   }
  });
  final GoodsViewHolder finalGoodsViewHolder1 = goodsViewHolder;
  goodsViewHolder.tvReduce.setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    modifyCountInterface.doDecrease(groupPosition, childPosition, finalGoodsViewHolder1.tvNum, finalGoodsViewHolder1.checkBox.isChecked());// 暴露删减接口
   }
  });

  //goods check state OnClick
  goodsViewHolder.checkBox.setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    goodsInfo.setChoosed(((CheckBox) v).isChecked());
    ((CheckBox) v).setChecked(((CheckBox) v).isChecked());
    checkInterface.checkChild(groupPosition, childPosition, ((CheckBox) v).isChecked());
   }
  });
  //onClick to OrderDetailActivity
  final double finalTotalPrice = totalPrice;
  final int finalTotalCount = totalCount;
  goodsViewHolder.tv_buys.setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    //check goods is not null
    //if not null can go other activity
    ShopCarModel shopCar = CarUtrils.getCheckShopCar(goodShop, groupPosition);
    if (shopCar != null && shopCar.getGoodsModel().size() > 0) {
     checkInterface.checkGoodsBuy(shopCar, finalTotalPrice, finalTotalCount);
    }
   }
  });
 }

 goodsViewHolder.laytou_car.setOnClickListener(new View.OnClickListener() {
  @Override
  public void onClick(View v) {
   UIHelper.toShopCarGoodsDetailActivity(context, goodsInfo);
  }
 });
 return convertView;
}

以上代码的是先判断当前组是否为一个店铺中的最后一个,在最后一个元素中局部计算当前的Group的数据,根据数据来选择是否复位数据展示以及显示,把计算的数据展示出来,最后通过接口回调的方式跳转界面,把数据传到Activity中去。就这样子就处理完这个购物车的逻辑,以上可能不符合你的逻辑,但是你可以稍微修改就拿来使用。

Github地址: https://github.com/anhuifix/singleShopCar/tree/master

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

(0)

相关推荐

  • Android仿外卖购物车功能

    先看看效果图: 知识点分析 效果图来看不复杂内容并没多少,值得介绍一下的知识点也就下面几个吧 - 列表标题悬停 - 左右列表滑动时联动 - 添加商品时的抛物线动画 - 底部弹出购物车清单 - 数据的同步 另外就是实现效果的时候可能会遇到的几个坑... 布局很简单直接进入代码 1:列表标题悬停 现在做项目列表什么的基本抛弃了ListView改用RecyclerView,上篇博客中的标题悬停也是使用了一个RecyclerView的开源项目sticky-headers-recyclerview,不过写

  • Android贝塞尔曲线初步学习第三课 Android实现添加至购物车的运动轨迹

    不知上一节高仿QQ未读消息气泡大家还喜欢么,今天继续练习贝赛尔曲线,这一节我们通过贝赛尔曲线和属性动画估值器实现添加至购物车的运动轨迹,效果如下: 1.新建自定义View,重写构造方法,初始化Paint.Path: 2.确定起始点.终止点.控制点坐标,这里我们直接固定: @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh);

  • Android实现仿淘宝购物车增加和减少商品数量功能demo示例

    本文实例讲述了Android实现仿淘宝购物车增加和减少商品数量功能.分享给大家供大家参考,具体如下: 在前面一篇<Android实现的仿淘宝购物车demo示例>中,小编简单的介绍了如何使用listview来实现购物车,但是仅仅是简单的实现了列表的功能,随之而来一个新的问题,买商品的时候,我们可能不止想买一件商品,想买多个,或许有因为某种原因点错了,本来想买一件来着,小手不小心抖了一下,把数量错点成了三个,这个时候就涉及到一个新的功能,那就是增加和减少商品的数量,今天这篇博文,小编就来和小伙伴们

  • Android实现购物车添加物品的动画效果

    前言:当我们写商城类的项目的时候,一般都会有加入购物车的功能,加入购物车的时候会有一些抛物线动画,最近做到这个功能,借助别人的demo写了一个. 效果: 开发环境:AndroidStudio2.1.2+gradle-2.10 涉及知识:1.沉浸式状态栏,2.单位精度计算(价格),3.List之Iterator. 部分代码: public class MainActivity extends AppCompatActivity implements FoodAdapter.FoodActionCa

  • Android把商品添加到购物车的动画效果(贝塞尔曲线)

    当我们写商城类的项目的时候,一般都会有加入购物车的功能,加入购物车的时候会有一些抛物线动画,具体代码如下: 实现效果如图: 思路: 确定动画的起终点 在起终点之间使用二次贝塞尔曲线填充起终点之间的点的轨迹 设置属性动画,ValueAnimator插值器,获取中间点的坐标 将执行动画的控件的x.y坐标设为上面得到的中间点坐标 开启属性动画 当动画结束时的操作 难点: PathMeasure的使用 - getLength() - boolean getPosTan(float distance, f

  • Android中实现淘宝购物车RecyclerView或LIstView的嵌套选择的逻辑

    使用了RecyclerView嵌套RecyclerView的方案. 购物车的第一个界面为RecyclerView,每个Item里面包含一个店铺.在Item中使用RecyclerView包含店铺和店铺的多个商品. 实现思路: 使用接口回调将第二个adapter的商品选择的监听事件回调给第一个adapter后再在第一个adapter中回调给MainActivity. 使用接口回调将第一个adapter的商品选择的监听事件回调给MainActivity. 在MainActivity中处理第一个adap

  • Android仿饿了么加入购物车旋转控件自带闪转腾挪动画的按钮效果(实例详解)

    概述 在上文,酷炫Path动画已经预告了,今天给大家带来的是利用 纯自定义View,实现的仿饿了么加入购物车控件,自带闪转腾挪动画的按钮. 效果图如下: 图1 项目中使用的效果,考虑到了View的回收复用, 并且可以看到在RecyclerView中使用,切换LayoutManager也是没有问题的, 图2 Demo效果,测试各种属性值 注意,本控件非继承自ViewGroup,而是纯自定义View实现.理由如下: 1 减少布局层级,从而提高性能 2 文字和图形纯draw,用到什么draw什么,没有

  • Android制作简单的普通购物车

    本文实例为大家分享了Android普通购物车制作过程,供大家参考,具体内容如下 1.最新项目新增了类似购物车功能,如下图所示: 当时刚看到此页面的时候,第一反应是利用 ListView嵌套Listview,经过一番操作最终也实现了此功能.当时也没有考虑性能问题,只考虑能写出来.后来嵌套数据,当数据量较大时,滑动Listview可以明显感觉到卡顿,这对用户来说是很难忍受的,所以才有了找到替代方案的想法,看到网上主流的是用ExpandableListView来实现此功能,所以我也用此方案来写一下.

  • Android实现购物车功能

    最近看了一些淘宝购物车的demo,于是也写了一个. 效果图如下: 主要代码如下: actvity中的代码: public class ShoppingCartActivity extends BaseActivity { private List<Test> data; private ListView mListView; private ShoppingCartAdapter adapter; private RelativeLayout rlRefresh; private TextVi

  • Android实现的仿淘宝购物车demo示例

    本文实例讲述了Android实现的仿淘宝购物车.分享给大家供大家参考,具体如下: 夏的热情渐渐退去,秋如期而至,丰收的季节,小编继续着实习之路,走着走着,就走到了购物车,逛过淘宝或者是京东的小伙伴都知道购物车里面的宝贝可不止一件,对于爱购物的姑娘来说,购物车里面的商品恐怕是爆满,添加不进去了,以前逛淘宝的时候,小编没有想过要怎么样实现购物车,就知道在哪儿一个劲儿的逛,但是现在不一样了,小编做为一个开发者,想的就是该如何实现,捣鼓了两天的时间,用listview来实现,已经有模有样了,现在小编就来

随机推荐