MVP实现二级购物车

效果图 

使用接口:http://120.27.23.105/product/getCarts?uid=100

导入依赖

 compile 'com.squareup.okhttp3:okhttp:3.9.0'    compile 'com.google.code.gson:gson:2.8.2'    compile 'com.android.support:recyclerview-v7:25.3.1'    compile 'com.nostra13.universalimageloader:universal-image-loader:1.9.5'

清单文件中加入权限

 <uses-permission android:name="android.permission.INTERNET"/>

配置application的name属性,ImageLoader初始化

<application    android:name=".appli.App"</application>

public class App extends Application{    @Override    public void onCreate() {        super.onCreate();        ImageLoaderConfiguration configuration = new ImageLoaderConfiguration.Builder(this).build();        ImageLoader.getInstance().init(configuration);    }}

布局中需要用到的的布局,在drawable下面新建qujiesuan.xml

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android">    <corners android:radius="200dp"/>    <solid android:color="#e53e42"/>    <size android:height="60dp" android:width="130dp"/></shape>

drawable下面还需要加入三张图片

接下来就是activity_main.xml里面的布局,上面是recyclerView下面是一系列的功能

activity_main.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    >    <android.support.v7.widget.RecyclerView        android:id="@+id/recycler_View"        android:layout_width="match_parent"        android:layout_height="0dp"        android:layout_weight="1"        />    <LinearLayout        android:gravity="center_vertical"        android:padding="10dp"        android:orientation="horizontal"        android:layout_alignParentBottom="true"        android:layout_width="match_parent"        android:layout_height="wrap_content">        <CheckBox            android:background="@drawable/shopcart_unselected"            android:button="@null"            android:id="@+id/quanxuan"            android:layout_width="wrap_content"            android:layout_height="wrap_content" />        <TextView            android:textStyle="bold"            android:layout_marginLeft="10dp"            android:textSize="23sp"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="全选"            />        <LinearLayout            android:padding="10dp"            android:layout_marginLeft="10dp"            android:orientation="vertical"            android:layout_width="0dp"            android:layout_weight="1"            android:layout_height="wrap_content">            <TextView                android:textColor="#e53e42"                android:id="@+id/total_price"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:textSize="20sp"                android:text="总价 : ¥0元"                />            <TextView                android:id="@+id/total_num"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:textSize="20sp"                android:text="共0件商品"                />        </LinearLayout>        <TextView            android:gravity="center"            android:textSize="25sp"            android:text="去结算"            android:textColor="#fff"            android:background="@drawable/qujiesuan"            android:layout_width="wrap_content"            android:layout_height="wrap_content" />    </LinearLayout></LinearLayout>

自定义组合控件,,

custom_jiajian.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:orientation="horizontal"    android:gravity="center_vertical"    android:layout_height="wrap_content">    <Button        android:background="#fff"        android:textSize="20sp"        android:id="@+id/reverse"        android:text="一"        android:layout_width="50dp"        android:layout_height="wrap_content" />    <EditText        android:textStyle="bold"        android:textSize="23sp"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="1"        android:id="@+id/count"        />    <Button        android:id="@+id/add"        android:background="#fff"        android:textSize="25sp"        android:text="+"        android:layout_width="50dp"        android:layout_height="wrap_content" /></LinearLayout>

适配器的条目的布局,recy_cart_item.xml

com.example.day20_mvp_cart.customView.CustomJiaJian 别忘了改成自己的包名下的,否则会报错

recy_cart_item.xml,需要引入 自定义组合控件,在创建了CustomJiaJian类以后才可以引入

recy_cart_item.xml适配器的布局

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:orientation="vertical"    android:padding="15dp"    android:layout_height="match_parent">    <LinearLayout        android:orientation="horizontal"        android:layout_width="match_parent"        android:layout_height="wrap_content">        <CheckBox            android:id="@+id/shop_checkbox"            android:layout_width="50dp"            android:layout_height="50dp" />        <TextView            android:layout_marginLeft="20dp"            android:text="良品铺子"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:textSize="23sp"            android:textStyle="bold"            android:id="@+id/shop_name"            />    </LinearLayout>    <LinearLayout        android:gravity="center_vertical"        android:orientation="horizontal"        android:layout_width="match_parent"        android:layout_height="wrap_content">        <CheckBox            android:id="@+id/item_checkbox"            android:layout_width="wrap_content"            android:layout_height="wrap_content" />        <ImageView            android:id="@+id/item_face"            android:src="@mipmap/ic_launcher"            android:layout_width="120dp"            android:layout_height="120dp" />        <LinearLayout            android:layout_marginLeft="10dp"            android:orientation="vertical"            android:layout_width="0dp"            android:layout_weight="1"            android:layout_height="wrap_content">            <TextView                android:id="@+id/item_name"                android:textSize="20sp"                android:text="三只松鼠"                android:layout_width="wrap_content"                android:layout_weight="1"                android:layout_height="0dp"                />            <TextView                android:textColor="#f00"                android:id="@+id/item_price"                android:textSize="23sp"                android:text="299"                android:layout_width="wrap_content"                android:layout_height="0dp"                android:layout_weight="1"                />            <com.example.day171122_cart.customview.CustomJiaJian                android:id="@+id/custom_jiajian"                android:layout_width="wrap_content"                android:layout_height="0dp"                android:layout_weight="1"                />        </LinearLayout>        <ImageView            android:id="@+id/item_delete"            android:layout_marginRight="10dp"            android:src="@drawable/shopcart_delete"            android:layout_width="30dp"            android:layout_height="30dp" />    </LinearLayout></LinearLayout>

接着写代码里面的,首先将自定义组合控件的类填充在视图里

自定义组合控件的类,CustomJiaJian.java继承LinearLayout,inflate填充布局,＋和-的点击事件回调给adapter

CustomJiaJian.java

public class CustomJiaJian extends LinearLayout{    private Button reverse;    private Button add;    private EditText countEdit;    private int mCount =1;    public CustomJiaJian(Context context) {        super(context);    }    public CustomJiaJian(Context context, AttributeSet attrs) {        super(context, attrs);        View view = View.inflate(context, R.layout.custom_jiajian,this);        reverse = (Button) view.findViewById(R.id.reverse);        add = (Button) view.findViewById(R.id.add);        countEdit = (EditText) view.findViewById(R.id.count);        reverse.setOnClickListener(new OnClickListener() {            @Override            public void onClick(View v) {                String content = countEdit.getText().toString().trim();                int count = Integer.valueOf(content);                if(count>1){                    mCount = count-1;                    countEdit.setText(mCount+"");                    //回调给adapter里面                    if(customListener!=null){                        customListener.jiajian(mCount);                    }                }            }        });        add.setOnClickListener(new OnClickListener() {            @Override            public void onClick(View v) {                String content = countEdit.getText().toString().trim();                int count = Integer.valueOf(content)+1;                mCount = count;                countEdit.setText(mCount+"");                //接口回调给adapter                if(customListener!=null){                    customListener.jiajian(mCount);                }            }        });    }    public CustomJiaJian(Context context, AttributeSet attrs, int defStyleAttr) {        super(context, attrs, defStyleAttr);    }    CustomListener customListener;    public void setCustomListener(CustomListener customListener){        this.customListener = customListener;    }    //加减的接口    public interface CustomListener{        public void jiajian(int count);        public void shuRuZhi(int count);    }    //这个方法是供recyadapter设置 数量时候调用的    public void setEditText(int num) {        if(countEdit !=null) {            countEdit.setText(num + "");        }    }}

下面就是okhttp二次封装的类,这里就不详细叙述了,详见okhttp封装类,拦截器地址

根据最上面给出的接口.访问到的数据,生成一个实体类CartBean

在CartBean类里面自己添加三个字段,isFirst,item_check,shop_check

 //自己添加的三个字段            private int isFirst = 1;//1为显示商铺, 2为隐藏商铺            private boolean item_check;//每个商品的选中状态            private boolean shop_check;//商店的选中状态            public int getIsFirst() {                return isFirst;            }            public void setIsFirst(int isFirst) {                this.isFirst = isFirst;            }            public boolean isItem_check() {                return item_check;            }            public void setItem_check(boolean item_check) {                this.item_check = item_check;            }            public boolean isShop_check() {                return shop_check;            }            public void setShop_check(boolean shop_check) {                this.shop_check = shop_check;            }

接下来就是使用MVP架构模式..首先创建presenter和model层,View这里默认就是MainActivity

写两个接口,一个是ModelCallBack是model层的回调接口,ViewCallBack是view层的回调接口

ModelCallBack.java

public interface ModelCallBack {    public void success(CartBean cartBean);    public void failure(Exception e);}

ViewCallBack.java

public interface ViewCallBack {    public void success(CartBean cartBean);    public void failure(Exception e);}

下面是重要的MainActivity.java, 调用presenter层的方法,实现view层的接口的方法,还调用适配器adapter里面的接口

public class MainActivity extends AppCompatActivity implements ViewCallBack{    private RecyclerView recyclerView;    private TextView total_price;    private TextView total_num;    private CheckBox quanxuan;    private MyPresenter myPresenter;    private RecyAdapter recyAdapter;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        //http://120.27.23.105/product/getCarts?uid=100        recyclerView = (RecyclerView) findViewById(R.id.recycler_View);        total_price = (TextView) findViewById(R.id.total_price);        total_num = (TextView) findViewById(R.id.total_num);        quanxuan = (CheckBox) findViewById(R.id.quanxuan);        quanxuan.setTag(1);//1为不选中        LinearLayoutManager manager = new LinearLayoutManager(MainActivity.this,LinearLayoutManager.VERTICAL,false);        //new出适配器        recyAdapter = new RecyAdapter(this);        myPresenter = new MyPresenter(this);        //调用presenter里面的请求数据的方法        myPresenter.getData();        recyclerView.setLayoutManager(manager);        recyclerView.setAdapter(recyAdapter);        //调用recyAdapter里面的接口,设置 全选按钮 总价 总数量        recyAdapter.setUpdateListener(new RecyAdapter.UpdateListener() {            @Override            public void setTotal(String total, String num, boolean allCheck) {                //设置ui的改变                total_num.setText("共"+num+"件商品");//总数量                total_price.setText("总价 :¥"+total+"元");//总价                if(allCheck){                    quanxuan.setTag(2);                    quanxuan.setBackgroundResource(R.drawable.shopcart_selected);                }else{                    quanxuan.setTag(1);                    quanxuan.setBackgroundResource(R.drawable.shopcart_unselected);                }                quanxuan.setChecked(allCheck);            }        });        //这里只做ui更改, 点击全选按钮,,调到adapter里面操作        quanxuan.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                //调用adapter里面的方法 ,,把当前quanxuan状态传递过去                int tag = (int) quanxuan.getTag();                if(tag==1){                    quanxuan.setTag(2);                    quanxuan.setBackgroundResource(R.drawable.shopcart_selected);                }else{                    quanxuan.setTag(1);                    quanxuan.setBackgroundResource(R.drawable.shopcart_unselected);                }                recyAdapter.quanXuan(quanxuan.isChecked());            }        });    }    //实现接口,重写的方法    @Override    public void success(CartBean cartBean) {        //拿到返回来的数据 ,, 传给适配器数据        recyAdapter.add(cartBean);    }    @Override    public void failure(final Exception e) {        runOnUiThread(new Runnable() {            @Override            public void run() {                Toast.makeText(MainActivity.this,"error",Toast.LENGTH_SHORT).show();            }        });    }    @Override    protected void onDestroy() {        super.onDestroy();        //调用p层的解除绑定        myPresenter.detach();    }}

MyPresenter.java,presenter层里面 调用model层的方法,,防止内存泄露解绑

public class MyPresenter {    MyModel myModel = new MyModel();    ViewCallBack viewCallBack;    public MyPresenter(ViewCallBack viewCallBack) {        this.viewCallBack = viewCallBack;    }    //调用model 层的请求数据    public void getData(){        myModel.getData(new ModelCallBack() {            @Override            public void success(CartBean cartBean) {                if(viewCallBack!=null) {                    viewCallBack.success(cartBean);                }            }            @Override            public void failure(Exception e) {                if(viewCallBack!=null) {                    viewCallBack.failure(e);                }            }        });    }    /**     * 防止内存泄露     * */    public void detach(){        viewCallBack=null;    }}

MyModel.java,model层里面 调用okhttp的封装类 单例模式,请求网络数据.返回一个bean类,类型改成CartBean

上面已经放过了MainActivity接收到model传给presenter.presenter传给view 的CartBean以后,将数据添加给适配器,

public class MyModel {    public void getData(final ModelCallBack modelCallBack){        //访问接口        String path = "http://120.27.23.105/product/getCarts?uid=100";        OkhttpUtils.getInstance().asy(null, path, new AbstractUiCallBack<CartBean>() {            @Override            public void success(CartBean cartBean) {                modelCallBack.success(cartBean);            }            @Override            public void fail(Exception e) {                modelCallBack.failure(e);            }        });    }}

下面是适配器RecyAdapter.java 这里面的操作量就很大,包括了对每个条目的一系列操作,删除,选中,和对自定义视图加减号改变数量等,和是否显示和隐藏一级商家的信息,求总价,总数量等,部分操作也用到了接口回调出去

public class RecyAdapter extends RecyclerView.Adapter<RecyAdapter.MyViewHolder>{    Context context;    //创建大的集合    private List<CartBean.DataBean.ListBean> list;    //存放商家的id和商家的名称的map集合    private Map<String,String> map = new HashMap<>();    public RecyAdapter(Context context) {        this.context = context;    }    /**     * 添加数据并更新显示     * */    public void add(CartBean cartBean){        //传进来的是bean对象        if(list == null){            list = new ArrayList<>();        }        //第一层遍历商家和商品        for (CartBean.DataBean shop : cartBean.getData()){            //把商品的id和商品的名称添加到map集合里 ,,为了之后方便调用            map.put(shop.getSellerid(),shop.getSellerName());            //第二层遍历里面的商品            for (int i=0;i<shop.getList().size();i++){                //添加到list集合里                list.add(shop.getList().get(i));            }        }        //调用方法 设置显示或隐藏 商铺名        setFirst(list);        notifyDataSetChanged();    }    /**     * 设置数据源,控制是否显示商家     * */    private void setFirst(List<CartBean.DataBean.ListBean> list) {        if(list.size()>0){            //如果是第一条数据就设置isFirst为1            list.get(0).setIsFirst(1);            //从第二条开始遍历            for (int i=1;i<list.size();i++){                //如果和前一个商品是同一家商店的                if (list.get(i).getSellerid() == list.get(i-1).getSellerid()){                    //设置成2不显示商铺                    list.get(i).setIsFirst(2);                }else{//设置成1显示商铺                    list.get(i).setIsFirst(1);                    //如果当前条目选中,把当前的商铺也选中                    if (list.get(i).isItem_check()==true){                        list.get(i).setShop_check(list.get(i).isItem_check());                    }                }            }        }    }    @Override    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {        View view = View.inflate(context, R.layout.recy_cart_item,null);        MyViewHolder myViewHolder = new MyViewHolder(view);        return myViewHolder;    }    @Override    public void onBindViewHolder(final MyViewHolder holder, final int position) {        /**         * 设置商铺的 shop_checkbox和商铺的名字 显示或隐藏         * */        if(list.get(position).getIsFirst()==1){            //显示商家            holder.shop_checkbox.setVisibility(View.VISIBLE);            holder.shop_name.setVisibility(View.VISIBLE);            //设置shop_checkbox的选中状态            holder.shop_checkbox.setChecked(list.get(position).isShop_check());            holder.shop_name.setText(map.get(String.valueOf(list.get(position).getSellerid())));        }else{//2            //隐藏商家            holder.shop_name.setVisibility(View.GONE);            holder.shop_checkbox.setVisibility(View.GONE);        }        //拆分images字段        String[] split = list.get(position).getImages().split("\\|");        //设置商品的图片        ImageLoader.getInstance().displayImage(split[0],holder.item_face);        //控制商品的item_checkbox,,根据字段改变        holder.item_checkbox.setChecked(list.get(position).isItem_check());        holder.item_name.setText(list.get(position).getTitle());        holder.item_price.setText(list.get(position).getPrice()+"");        //调用customjiajian里面的方法设置 加减号中间的数字        holder.customJiaJian.setEditText(list.get(position).getNum());        //商铺的shop_checkbox点击事件 ,控制商品的item_checkbox        holder.shop_checkbox.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                //先改变数据源中的shop_check                list.get(position).setShop_check(holder.shop_checkbox.isChecked());                for (int i=0;i<list.size();i++){                    //如果是同一家商铺的 都给成相同状态                    if(list.get(position).getSellerid()==list.get(i).getSellerid()){                        //当前条目的选中状态 设置成 当前商铺的选中状态                        list.get(i).setItem_check(holder.shop_checkbox.isChecked());                    }                }                //刷新适配器                notifyDataSetChanged();                //调用求和的方法                sum(list);            }        });        //商品的item_checkbox点击事件,控制商铺的shop_checkbox        holder.item_checkbox.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                //先改变数据源中的item_checkbox                list.get(position).setItem_check(holder.item_checkbox.isChecked());                //反向控制商铺的shop_checkbox                for (int i=0;i<list.size();i++){                    for (int j=0;j<list.size();j++){                        //如果两个商品是同一家店铺的 并且 这两个商品的item_checkbox选中状态不一样                        if(list.get(i).getSellerid()==list.get(j).getSellerid() && !list.get(j).isItem_check()){                            //就把商铺的shop_checkbox改成false                            list.get(i).setShop_check(false);                            break;                        }else{                            //同一家商铺的商品 选中状态都一样,就把商铺shop_checkbox状态改成true                            list.get(i).setShop_check(true);                        }                    }                }                //更新适配器                notifyDataSetChanged();                //调用求和的方法                sum(list);            }        });        //删除条目的点击事件        holder.item_delete.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                list.remove(position);//移除集合中的当前数据                //删除完当前的条目 重新判断商铺的显示隐藏                setFirst(list);                //调用重新求和                sum(list);                notifyDataSetChanged();            }        });        //加减号的监听,        holder.customJiaJian.setCustomListener(new CustomJiaJian.CustomListener() {            @Override            public void jiajian(int count) {                //改变数据源中的数量                list.get(position).setNum(count);                notifyDataSetChanged();                sum(list);            }            @Override            //输入值 求总价            public void shuRuZhi(int count) {                list.get(position).setNum(count);                notifyDataSetChanged();                sum(list);            }        });    }    /**     * 计算总价的方法     * */    private void sum(List<CartBean.DataBean.ListBean> list){        int totalNum = 0;//初始的总价为0        float totalMoney = 0.0f;        boolean allCheck = true;        for (int i=0;i<list.size();i++){            //把 已经选中的 条目 计算价格            if (list.get(i).isItem_check()){                totalNum += list.get(i).getNum();                totalMoney += list.get(i).getNum() * list.get(i).getPrice();            }else{                //如果有个未选中,就标记为false                allCheck = false;            }        }        //接口回调出去 把总价 总数量 和allcheck 传给view层        updateListener.setTotal(totalMoney+"",totalNum+"",allCheck);    }    //view层调用这个方法, 点击quanxuan按钮的操作    public void quanXuan(boolean checked) {        for (int i=0;i<list.size();i++){            list.get(i).setShop_check(checked);            list.get(i).setItem_check(checked);        }        notifyDataSetChanged();        sum(list);    }    @Override    public int getItemCount() {        return list==null?0:list.size();    }    public static class MyViewHolder extends RecyclerView.ViewHolder {        private final CheckBox shop_checkbox;        private final TextView shop_name;        private final CheckBox item_checkbox;        private final TextView item_name;        private final TextView item_price;        private final CustomJiaJian customJiaJian;        private final ImageView item_delete;        private final ImageView item_face;        public MyViewHolder(View itemView) {            super(itemView);            shop_checkbox = (CheckBox) itemView.findViewById(R.id.shop_checkbox);            shop_name = (TextView) itemView.findViewById(R.id.shop_name);            item_checkbox = (CheckBox) itemView.findViewById(R.id.item_checkbox);            item_name = (TextView) itemView.findViewById(R.id.item_name);            item_price = (TextView) itemView.findViewById(R.id.item_price);            customJiaJian = (CustomJiaJian) itemView.findViewById(R.id.custom_jiajian);            item_delete = (ImageView) itemView.findViewById(R.id.item_delete);            item_face = (ImageView) itemView.findViewById(R.id.item_face);        }    }    UpdateListener updateListener;    public void setUpdateListener(UpdateListener updateListener){        this.updateListener = updateListener;    }    //接口    public interface UpdateListener{        public void setTotal(String total,String num,boolean allCheck);    }}