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

Posted AnalyzeSystem

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Android 仿京东商城购物车及源码相关的知识,希望对你有一定的参考价值。

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

很多界面操作都涉及到刷新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<ShopBean>)
                    }

                    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

以上是关于Android 仿京东商城购物车及源码的主要内容,如果未能解决你的问题,请参考以下文章

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

Android仿京东商城购物车

商城项目实战 | 1.1 Android 仿京东商城底部布局的选择效果 —— Selector 选择器的实现

商城项目实战 | 2.2 Android 仿京东商城——自定义 Toolbar

Yii 2.0开发一个仿京东商城平台

仿天猫淘宝的ShopNC好商城原生Android 客户端源码项目