前言
下边记录下自己在项目中写的购物车的功能,代码是参照 Android仿淘宝购物车,玩转电商购物车大佬,然后根据自己需求修改后的代码,如有侵权,烦请告
知,立马删除
购物车系列文章:
购物车列表及确认订单页面 - 技术分析(一)
购物车列表及确认订单页面 - 相关代码(二)
购物车列表及确认订单页面 - 相关代码(三)
购物车列表及确认订单页面 - 部分知识点思路解析(四)
1. 概述
对于电商项目,购物车功能相对来说是比较麻烦而且比较复杂的,涉及的功能如下:
1>:页面右上角的编辑、完成、底部的全选、移入收藏夹、删除的布局及功能的实现;
2>:店铺及店铺下的商品数据的设置;
3>:店铺的选中及店铺下商品的选中;
4>:商品的加减数量;
5>:整个购物车界面的下拉刷新和上拉加载更多;
6>:选中商品或者选中店铺后点击支付进入确认订单页面,需要显示选中的店铺和商品;
2. 相关技术分析
1>:购物车列表这里用的是 ExpandableListView;
2>:服务器一般返回的数据格式如下:
一个店铺名称 -> 下边对应该店铺下所有的商品集合
3>:在服务器返回数据之后,需要做的事情是:
第一:首先用Gson解析,获取到 storeLists集合;
第二:然后需要对获取的 storeLists集合的数据进行自己组装,需要自己重新定义 实体类MiddleBean,这里边包含 店铺(店铺id、店铺名称)和商品(最重要的是店铺id、商品所需的其他字段比如商品名称、价格、数量、图片、选中状态),店铺中的店铺id和 商品中的店铺id作用是:
用于将选中的商品和该商品对应的店铺进行关联,具体见代码注释;
第三:然后在最外层定义两个集合,店铺的groups2集合 和 商品的childs2集合,groups2集合用于存储所有店铺,childs2集合用于存储该店铺对应的商品的集合,key是该店铺的id,值为该店铺下商品的集合;
4>:然后就可以直接用 groups2、childs2这两个集合进行填充数据了;
5>:对于店铺的复选框checkbox、商品的复选框checkbox,商品的加减数量,可以直接用回调;
6>:比较麻烦的是删除选中的店铺或者商品:
删除的时候不要边遍历边删除,这样容易出现数组越界,要采取的做法是:
定义临时的店铺toBeDeleteGroups集合、临时的toBeDeleteChilds集合,把要删除的元素添加到 临时集合中,然后从总的 集合中用 removeAll()方式进行移除即可;
在调试接口时,首先调用删除订单(删除店铺)和删除商品接口成功后,然后再从总的 集合中用 removeAll()方式移除选中的临时的集合,然后刷新页面即可;
7>:对于选中的商品,然后点击支付跳转到确认订单页面时需要注意的地方见注释:
// 选中的组集合(不一定选中了组,只要选中该组下的商品,就把该商品对应的组添加进来)
private List<MiddleBean.StoreInfo> toPayGroups ;
// 选中的去重之后的组集合
private List<MiddleBean.StoreInfo> list;
// 选中的子集合
private List<MiddleBean.StoreInfo.GoodsInfo> toPayChilds ;
private void goToPay() {
toPayGroups = new ArrayList<MiddleBean.StoreInfo>();
list = new ArrayList<MiddleBean.StoreInfo>() ;
// 遍历所有组的集合
for (int i = 0; i < groups2.size(); i++) {
// 获取到每一个组
MiddleBean.StoreInfo group = groups2.get(i);
// 从所有子元素集合中 根据每个组的id 取出该组 对应的子元素集合
List<MiddleBean.StoreInfo.GoodsInfo> child = childs2.get(group.getId());
// TODO: ------------- 这个商品的集合必须放到遍历店铺集合的里边,必须注意!!! ------------ //
// 选中的商品集合
toPayChilds = new ArrayList<MiddleBean.StoreInfo.GoodsInfo>();
toPayChilds.clear();
// 遍历每个子元素的集合
for (int j = 0; j < child.size(); j++) {
// 如果子元素被选中,并且该子元素中的店铺id等于该组中的店铺id
if (child.get(j).isChoosed() && child.get(j).getStroeId().equals(group.getId())) {
// 就把选中的商品添加到商品toPayChilds集合中
toPayChilds.add(child.get(j));
// 然后把toPayChilds设置给 该店铺下的 group.setGoodses
group.setGoodses(toPayChilds);
// 然后把每个店铺的实体group:放到放到店铺集合
toPayGroups.add(group);
}
}
}
// 然后给店铺的集合去重
list = removeDuplicate(toPayGroups);
// 可以直接用这个list给 在确认订单页面给店铺及对应的子元素设置数据
Intent intent = new Intent(ELongActivity.this, GoPayCartActivity.class) ;
intent.putExtra("listConfirm", (Serializable) list);
startActivity(intent);
}