Android 仿京东商城购物车及源码

2024-07-11 10:07| 来源: 网络整理| 查看: 265

产品需求和京东商城购物车类似，需求如下：店铺不能跨店结算，仅支持单店结算，单店铺下商品侧滑删除商品，如果单店铺下商品全部删除，需要删除该店铺，店铺的单个商铺库存不足或者商品下架状态不支持选择，商品的数量加减和删除商品都要求调用接口加减删除，大致效果如下

很多界面操作都涉及到刷新UI,这些操作呢我又不想把他们累赘的放在Adapter或者Activity里操作，我的思路是把所有功能定义到interface，通过Imp具体操作Bean，如果需要刷新notifyRefrsh就好。

首先定义好店铺ShopBean

再定义商品GoodsBean

接着我们来定义我们功能性接口，例如购物车加减全选单选之类的，定义函数见下图

见名知其意，这里不细说（之后上传的资源文件有详细注释），功能函数定好了我们还需要回调接口：OnUpdateGoodsCountListener、OnDeleteGoodsListener、OnRefreshListener，前两个用于调用服务器接口响应结果回调到adapter修改购物车数量或者删除商品使用，当功能性操作需要刷新ui通过delegate持有的OnRefreshListener刷新UI

接下来我们定义ShopGoodsDelegate 实现接口 OnShopGoodsListener，adapter的具体操作便可以通过ShopGoodsDelegate代理（具体函数实现逻辑请自行参考上传的资源文件）

使用ShopGoodsDelegate需要注意，如果服务器返回的goodsBean不含shopId字段可以用synShopId函数给他造一个，伪代码块调用如下

class MainActivity : AppCompatActivity(), OnRefreshListener { //--------------------- shopGoodsDelegate = ShopGoodsDelegate.instance shopGoodsDelegate.init(mList, this) mAdapter = BuyCarShopAdapter(mList) mAdapter!!.delegate = shopGoodsDelegate shopRecyclerView.apply { layoutManager = LinearLayoutManager(context); adapter = mAdapter onRefresh() } //--------------------- initRecyclerView() }

编写adapter之前我们需要引入两个第三方库，尽量别重复造轮子：侧滑删除和万能Adapter适配器

implementation 'com.github.CymChad:BaseRecyclerViewAdapterHelper:3.0.4' implementation 'com.yanzhenjie.recyclerview:x:1.3.2'

由于是recyclerView嵌套，两个adapter必须的，这里以ShopAdapter的全选和取消全选为例做一个逻辑说明：如果商店下的所有商品只要有一个可以选择，商店视为可以全选或者全部取消，能选择商店的情况：如果商店下的任何一个商品是选中状态，商店则为选中，如果都没选中商品则商店为未选中状态，点击checkbox显示不同的图标，通过enable控制是否可以点击

override fun convert(holder: BaseViewHolder, item: ShopBean) { holder.setIsRecyclable(false) holder.itemView.apply { ---------------------------------------此处省略----------------------------------------------- when(delegate?.hasEnable(item.goodsList!!)){ true ->{ shopCheckBox.isEnabled = true when(delegate?.isSelectShop(item)){ true ->{shopCheckBox.setImageResource(R.mipmap.app_ic_checked_true)} false ->{shopCheckBox.setImageResource(R.mipmap.app_ic_checked_false)} } } false ->{ shopCheckBox.isEnabled = false shopCheckBox.setImageResource(R.mipmap.app_ic_checked_click_false) } } shopCheckBox.setOnClickListener{ delegate?.onClickShop(item) } } }

像侧滑删除、购物车数量加减这些都不是可以直接操作的，需要调用服务器接口，根据callback listener选择修改

swipeRecyclerView.setOnItemMenuClickListener { menuBridge, adapterPosition -> item.goodsList?.get(adapterPosition)?.let { delegate?.deleteGoods(it,object: OnDeleteGoodsListener { override fun onDeleteSuccess() { delegate?.onDeleteGoods(adapterPosition,item, data as ArrayList) } override fun onDeleteFinish() { menuBridge?.closeMenu() } }) } }

至于购物车BuyCarCountView自定义的组合控件就比较简单了editText添加TextWatcher，输入一位数为0自动改为1，输入多位数自动去掉首位0，每个字符变化比较goodsBean 记录的count不同就请求接口修改数量，修改失败做回退，加减按钮同理。

这里就提两点：如果需要控制加减Enable显示不同图标和提示语需要自己比较stock库存，如果出现EditText焦点乱跳，下面相关操作可以了解一下

android:focusable="true" android:focusableInTouchMode="true" holder.setIsRecyclable(false)

编辑框手动修改数据，我这里仅仅刷新了activity的总价格，并没有刷新adapter（否则焦点会出bug），所以这里我需要监听键盘消失了刷新一次adapter，这样就避免了焦点问题，activity设置inputMode

android:windowSoftInputMode="adjustResize" //activity调用（KeyboardChangeListener资源文件内定义类非系统自带） KeyboardChangeListener(this).setKeyBoardListener(object : KeyboardChangeListener.KeyBoardListener { override fun onKeyboardChange(isShow: Boolean, keyboardHeight: Int) { if(!isShow){ onRefresh() } } })

为什么这样就可以监听到键盘隐藏消失了呢？你可以了解一下view!!.viewTreeObserver.addOnGlobalLayoutListener和输入模式，这里不细说了自行科普

资源地址： https://gitee.com/analyzesystem/shopping_car

【本文地址】

公司简介

联系我们