Android购物车页面单个商家可单独结算

Android商城类app都会存在购物车页面，大部分的购物车中商品都是整体结算。本篇文章是介绍通过ExpandListView实现购物车页面，每个商家商品可单独进行结算。

如图：

整体结算只需要一个ListView或RecyclerView就可以实现，而单个商家结算如果使用一个RecyclerView来实现的话，

需要将服务端返回的数据转换成自己的格式，通常

服务端返回的json格式应该是数据是商家的数据，每个item再包括商品的list。

转换的话需要将商品list与商家list放在同一级，

这样实现商品全选单选也比较麻烦，所以

这里采取ExpandListView来实现。

activity_main中是普通ExpandableListView，设置不显示下拉图标shoppingCartListView.setGroupIndicator(null);

获取数据setAdapter

后将子item全部展开并设置parentItem

不能点击：

// 将子项全部展开
for (int i = 0; i < list.size(); i++) {
shoppingCartListView.expandGroup(i);
}
// 这是parent不能点击
shoppingCartListView.setOnGroupClickListener(new ExpandableListView.OnGroupClickListener() {
@Override
public boolean onGroupClick(ExpandableListView parent, View v, int groupPosition, long id) {
return true;
}
});

adapter中父item只显示：

<?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">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_vertical">

        <RelativeLayout
            android:layout_width="40dp"
            android:layout_height="40dp">

            <CheckBox
                android:id="@+id/cb_shopping_cart_parent"
                android:layout_width="40dp"
                android:layout_height="40dp" />


        </RelativeLayout>

        <TextView
            android:id="@+id/tv_merchant_name"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="50dp"
            android:layout_weight="1"
            android:drawablePadding="10dp"
            android:ellipsize="end"
            android:singleLine="true"
            tools:text="测试" />


        <TextView
            android:id="@+id/tv_edit"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:padding="15dp"
            android:text="编辑" />
    </LinearLayout>

</LinearLayout>

shopping_cart_item.xml

子item中显示：

shopping_cart_child_item.xml：

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">


    <RelativeLayout
        android:id="@+id/ll_shopping_cart_child"
        android:layout_width="30dp"
        android:layout_height="80dp"
        android:layout_marginLeft="10dp"
        android:paddingTop="28dp">

        <CheckBox
            android:id="@+id/cb_shopping_cart_child"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_centerVertical="true" />

    </RelativeLayout>

    <!-- 这里开始 -->
    <LinearLayout
        android:id="@+id/ll_shopping_cart_child_item_content"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@+id/ll_shopping_cart_child"
        android:orientation="vertical"
        android:paddingTop="2dp">

        <RelativeLayout
            android:id="@+id/shopping_cart_child"
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_marginBottom="5dp"
            android:layout_weight="1">

            <!-- 图 -->
            <RelativeLayout
                android:id="@+id/rl_shopping_cart"
                android:layout_width="80dp"
                android:layout_height="80dp"
                android:layout_marginLeft="2dp">

                <ImageView
                    android:id="@+id/iv_shopping_cart"
                    android:layout_width="80dp"
                    android:layout_height="80dp"
                    android:scaleType="centerCrop" />

            </RelativeLayout>

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="80dp"
                android:layout_marginLeft="10dp"
                android:layout_toRightOf="@+id/rl_shopping_cart">

                <RelativeLayout
                    android:id="@+id/rl_shopping_cart_not_edit"
                    android:layout_width="match_parent"
                    android:layout_height="80dp"
                    android:layout_centerVertical="true"
                    android:visibility="visible">

                    <TextView
                        android:id="@+id/tv_child_item_goods_title"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentTop="true"
                        android:layout_marginTop="10dp"
                        android:ellipsize="end"
                        android:lines="1" />


                    <TextView
                        android:id="@+id/tv_shopping_cart_unit_price"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentBottom="true"
                        android:layout_marginBottom="10dp"
                        tools:text="测试" />

                    <LinearLayout
                        android:id="@+id/tv_child_item_goods_number"
                        android:layout_width="wrap_content"
                        android:layout_height="30dp"
                        android:layout_alignParentBottom="true"
                        android:layout_centerVertical="true"
                        android:layout_marginLeft="20dp"
                        android:layout_toRightOf="@+id/tv_shopping_cart_unit_price"
                        android:orientation="horizontal">

                        <ImageButton
                            android:id="@+id/tv_shopping_cart_sub"
                            android:layout_width="25dp"
                            android:layout_height="match_parent"
                            android:background="#cccccc"
                            android:src="@drawable/icon_shoppingcart_sub" />

                        <EditText
                            android:id="@+id/et_shopping_cart_child_count"
                            android:layout_width="50dp"
                            android:layout_height="match_parent"
                            android:clickable="false"
                            android:background="@null"
                            android:focusable="false"
                            android:focusableInTouchMode="false"
                            android:gravity="center"
                            android:text="1"
                            android:textSize="16sp" />


                        <ImageButton
                            android:id="@+id/tv_shopping_cart_add"
                            android:layout_width="25dp"
                            android:layout_height="match_parent"
                            android:background="#cccccc"
                            android:src="@drawable/icon_shoppingcart_add" />
                    </LinearLayout>
                </RelativeLayout>

                <LinearLayout
                    android:id="@+id/ll_shopping_cart_edit"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_alignParentLeft="true"
                    android:layout_alignParentStart="true"
                    android:layout_alignParentTop="true"
                    android:visibility="gone">

                    <LinearLayout
                        android:id="@+id/ll_edit_add_sub"
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:layout_weight="1"
                        android:gravity="center">

                        <TextView
                            android:id="@+id/iv_shopping_cart_sub_edit"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:paddingLeft="20dp"
                            android:paddingRight="20dp"
                            android:text="—"
                            android:textColor="#a9a9a9"
                            android:textSize="28sp" />

                        <EditText
                            android:id="@+id/et_shopping_cart_child_count_edit"
                            android:layout_width="0dp"
                            android:layout_height="match_parent"
                            android:layout_weight="1"
                            android:background="@null"
                            android:clickable="false"
                            android:focusable="false"
                            android:focusableInTouchMode="false"
                            android:gravity="center"
                            android:text="1" />

                        <TextView
                            android:id="@+id/iv_shopping_cart_add_edit"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginRight="30dp"
                            android:paddingLeft="20dp"
                            android:paddingRight="20dp"
                            android:text="+"
                            android:textColor="#a9a9a9"
                            android:textSize="34sp" />
                    </LinearLayout>

                    <TextView
                        android:id="@+id/tv_shopping_cart_delete_edit"
                        android:layout_width="38dp"
                        android:layout_height="match_parent"
                        android:gravity="center"
                        android:text="删除" />
                </LinearLayout>
            </RelativeLayout>
        </RelativeLayout>


    </LinearLayout>

    <View
        android:id="@+id/view"
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_below="@+id/ll_shopping_cart_child_item_content"
        android:layout_marginTop="12dp" />

    <LinearLayout
        android:id="@+id/ll_shopping_cart_child_item_price"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/view"
        android:orientation="vertical">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_vertical"
            android:orientation="horizontal">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="30dp"
                android:text="合计:" />

            <TextView
                android:id="@+id/tv_shopping_cart_price"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginLeft="15dp"
                android:layout_weight="1"
                tools:text="15" />

            <TextView
                android:id="@+id/tv_confirm"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginBottom="20dp"
                android:layout_marginRight="20dp"
                android:layout_marginTop="20dp"
                android:background="@android:color/holo_red_dark"
                android:paddingBottom="20dp"
                android:paddingLeft="50dp"
                android:paddingRight="50dp"
                android:paddingTop="20dp"
                android:text="去结算"
                android:textColor="@android:color/white" />
        </LinearLayout>

        <View
            android:layout_width="match_parent"
            android:layout_height="20dp" />

    </LinearLayout>
</RelativeLayout>

adapter的getChildView中控制是否显示结算部分：

if (childPosition == shoppingCartEntity.getGoodsInShoppingCarts().size() - 1) {
            childHolder.priceAndConfirView.setVisibility(View.VISIBLE);
        } else {
            childHolder.priceAndConfirView.setVisibility(View.GONE);
        }

下面是adapter完整代码：

import android.content.Context;
import android.text.TextUtils;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.CheckBox;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.TextView;

import com.bumptech.glide.Glide;
import com.bumptech.glide.load.engine.DiskCacheStrategy;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by cxn on 2017/2/25.
 */

public class ShoppingCartAdapter extends BaseExpandableListAdapter {
    private Context context;
    private List<DataEntity.ShoppingCartEntity> shoppingCarts;

    public ShoppingCartAdapter(Context context, List<DataEntity.ShoppingCartEntity> shoppingCarts) {
        this.context = context;
        this.shoppingCarts = shoppingCarts;
    }

    @Override
    public int getGroupCount() {
        return shoppingCarts == null ? 0 : shoppingCarts.size();
    }

    @Override
    public int getChildrenCount(int groupPosition) {
        return shoppingCarts.get(groupPosition) == null ? 0 : shoppingCarts.get(groupPosition).getGoodsInShoppingCarts().size();
    }

    @Override
    public Object getGroup(int groupPosition) {
        return shoppingCarts.get(groupPosition);
    }

    @Override
    public Object getChild(int groupPosition, int childPosition) {
        return shoppingCarts.get(groupPosition).getGoodsInShoppingCarts().get(childPosition);
    }

    @Override
    public long getGroupId(int groupPosition) {
        return groupPosition;
    }

    @Override
    public long getChildId(int groupPosition, int childPosition) {
        return childPosition;
    }

    @Override
    public boolean hasStableIds() {
        return true;
    }

    @Override
    public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
        final GroupHolder groupHolder;
        if (convertView == null) {
            groupHolder = new GroupHolder();
            convertView = LayoutInflater.from(context).inflate(R.layout.shopping_cart_item, parent, false);
            groupHolder.shoppingCartParentCheckBox = (CheckBox) convertView.findViewById(R.id.cb_shopping_cart_parent);
            groupHolder.merchantNameTextView = (TextView) convertView.findViewById(R.id.tv_merchant_name);
            groupHolder.editView = (TextView) convertView.findViewById(R.id.tv_edit);
            convertView.setTag(groupHolder);
        } else {
            groupHolder = (GroupHolder) convertView.getTag();
        }
        final DataEntity.ShoppingCartEntity shoppingCartEntity = shoppingCarts.get(groupPosition);
        groupHolder.shoppingCartParentCheckBox.setClickable(true);
        groupHolder.shoppingCartParentCheckBox.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                List<DataEntity.ShoppingCartEntity.GoodsInShoppingCartEntity> list = shoppingCartEntity.getGoodsInShoppingCarts();
                boolean b = shoppingCartEntity.isCheck();
                shoppingCartEntity.setCheck(!b);
                for (DataEntity.ShoppingCartEntity.GoodsInShoppingCartEntity g : list) {
                    g.setIsCheck(!b);
                }
                notifyDataSetChanged();
            }
        });
        groupHolder.shoppingCartParentCheckBox.setChecked(shoppingCartEntity.isCheck());
        final boolean isEdit = shoppingCartEntity.isEdit();
        if (isEdit) {
            groupHolder.editView.setText("完成");
        } else {
            groupHolder.editView.setText("编辑");
        }
        groupHolder.editView.setClickable(true);
        groupHolder.editView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                shoppingCartEntity.setEdit(!isEdit);
                notifyDataSetChanged();
            }
        });

        groupHolder.merchantNameTextView.setText(shoppingCartEntity.getParentName());
        return convertView;
    }

    @Override
    public View getChildView(int groupPosition, final int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
        final ChildHolder childHolder;
        if (convertView == null) {
            childHolder = new ChildHolder();
            convertView = LayoutInflater.from(parent.getContext()).inflate(R.layout.shopping_cart_child_item, parent, false);
            childHolder.editView = convertView.findViewById(R.id.ll_shopping_cart_edit);
            childHolder.shoppingCartChildCheckBox = (CheckBox) convertView.findViewById(R.id.cb_shopping_cart_child);
            childHolder.addTextView = convertView.findViewById(R.id.tv_shopping_cart_add);
            childHolder.subTextView = convertView.findViewById(R.id.tv_shopping_cart_sub);
            childHolder.shoppingCartCountEditText = (EditText) convertView.findViewById(R.id.et_shopping_cart_child_count);
            childHolder.shoppingCartChildTitle = (TextView) convertView.findViewById(R.id.tv_child_item_goods_title);
            childHolder.shoppingCartUnitPrice = (TextView) convertView.findViewById(R.id.tv_shopping_cart_unit_price);
            childHolder.imageView = (ImageView) convertView.findViewById(R.id.iv_shopping_cart);
            childHolder.deleteView = convertView.findViewById(R.id.tv_shopping_cart_delete_edit);
            childHolder.editAddTextView = convertView.findViewById(R.id.iv_shopping_cart_add_edit);
            childHolder.editSubTextView = convertView.findViewById(R.id.iv_shopping_cart_sub_edit);
            childHolder.editShoppingCartCountEditText = (EditText) convertView.findViewById(R.id.et_shopping_cart_child_count_edit);
            childHolder.priceAndConfirView = convertView.findViewById(R.id.ll_shopping_cart_child_item_price);
            childHolder.shoppingCartPriceTextView = (TextView) convertView.findViewById(R.id.tv_shopping_cart_price);
            childHolder.confirmTextView = (TextView) convertView.findViewById(R.id.tv_confirm);
            childHolder.numberLayout = convertView.findViewById(R.id.tv_child_item_goods_number);
            childHolder.editAddSubView = convertView.findViewById(R.id.ll_edit_add_sub);
            convertView.setTag(childHolder);
        } else {
            childHolder = (ChildHolder) convertView.getTag();
        }
        final DataEntity.ShoppingCartEntity shoppingCartEntity = shoppingCarts.get(groupPosition);
        final List<DataEntity.ShoppingCartEntity.GoodsInShoppingCartEntity> shoppingCartEntityList = shoppingCartEntity.getGoodsInShoppingCarts();
        final DataEntity.ShoppingCartEntity.GoodsInShoppingCartEntity goodsInShoppingCartEntity = shoppingCartEntityList.get(childPosition);
        if (childPosition == shoppingCartEntity.getGoodsInShoppingCarts().size() - 1) {
            childHolder.priceAndConfirView.setVisibility(View.VISIBLE);
        } else {
            childHolder.priceAndConfirView.setVisibility(View.GONE);
        }
        childHolder.shoppingCartCountEditText.setText(goodsInShoppingCartEntity.getChildNum());
        childHolder.editShoppingCartCountEditText.setText(goodsInShoppingCartEntity.getChildNum());
        final String price = goodsInShoppingCartEntity.getChildPrice();
        childHolder.shoppingCartUnitPrice.setText("¥ " + price);
        childHolder.shoppingCartChildTitle.setText(goodsInShoppingCartEntity.getChildName());
        Glide.with(context).load(goodsInShoppingCartEntity.getChildPic())
                .diskCacheStrategy(DiskCacheStrategy.SOURCE)//是将图片原尺寸缓存到本地,解决Glide压缩图片偏绿问题
                .into(childHolder.imageView);

        childHolder.addTextView.setClickable(true);
        childHolder.subTextView.setClickable(true);
        childHolder.editAddTextView.setClickable(true);
        childHolder.editSubTextView.setClickable(true);
        childHolder.shoppingCartChildCheckBox.setClickable(true);
        childHolder.numberLayout.setVisibility(View.VISIBLE);

        childHolder.shoppingCartChildCheckBox.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (goodsInShoppingCartEntity.isCheck()) {
                    goodsInShoppingCartEntity.setIsCheck(false);
                } else {
                    goodsInShoppingCartEntity.setIsCheck(true);
                }
                int chekcCount = 0;
                for (DataEntity.ShoppingCartEntity.GoodsInShoppingCartEntity cartEntity : shoppingCartEntityList) {
                    boolean b = cartEntity.isCheck();
                    if (b) {
                        chekcCount++;
                    }
                }
                if (chekcCount == shoppingCartEntityList.size()) {
                    shoppingCartEntity.setCheck(true);
                } else {
                    shoppingCartEntity.setCheck(false);
                }
                notifyDataSetChanged();
            }
        });
        childHolder.shoppingCartChildCheckBox.setChecked(goodsInShoppingCartEntity.isCheck());
        childHolder.addTextView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String s = childHolder.shoppingCartCountEditText.getText().toString().trim();
                int count = Integer.parseInt(s) + 1;
                goodsInShoppingCartEntity.setChildNum(count+"");
                notifyDataSetChanged();

            }
        });
        childHolder.editAddTextView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String s = childHolder.editShoppingCartCountEditText.getText().toString().trim();
                int count = Integer.parseInt(s) + 1;
                goodsInShoppingCartEntity.setChildNum(count+"");
                notifyDataSetChanged();
            }
        });
        childHolder.subTextView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String s = childHolder.shoppingCartCountEditText.getText().toString().trim();
                int count = Integer.parseInt(s) - 1;
                if (count > 0) {
                    goodsInShoppingCartEntity.setChildNum(count+"");
                    notifyDataSetChanged();
                }
            }
        });
        childHolder.editSubTextView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String s = childHolder.editShoppingCartCountEditText.getText().toString().trim();
                int count = Integer.parseInt(s) - 1;
                if (count > 0) {
                    goodsInShoppingCartEntity.setChildNum(count+"");
                    notifyDataSetChanged();
                }
            }
        });
        if (shoppingCartEntity.isEdit()) {
            childHolder.editView.setVisibility(View.VISIBLE);
            childHolder.deleteView.setVisibility(View.VISIBLE);
            childHolder.editAddSubView.setVisibility(View.VISIBLE);
            childHolder.numberLayout.setVisibility(View.GONE);
            childHolder.shoppingCartChildTitle.setVisibility(View.GONE);
            childHolder.shoppingCartUnitPrice.setVisibility(View.GONE);

        } else {
            childHolder.editView.setVisibility(View.GONE);
            childHolder.deleteView.setVisibility(View.GONE);
            childHolder.shoppingCartChildTitle.setVisibility(View.VISIBLE);
            childHolder.numberLayout.setVisibility(View.VISIBLE);
            childHolder.shoppingCartUnitPrice.setVisibility(View.VISIBLE);
        }


        childHolder.confirmTextView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //结算请求
            }
        });
        double totalPrice = getTotalPrice(shoppingCartEntity.getGoodsInShoppingCarts());

            childHolder.shoppingCartPriceTextView.setText("¥ "+totalPrice);
        childHolder.deleteView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                shoppingCartEntityList.remove(childPosition);
                notifyDataSetChanged();
            }
        });
        return convertView;
    }

    @Override
    public boolean isChildSelectable(int groupPosition, int childPosition) {
        return false;
    }

    class GroupHolder {
        public CheckBox shoppingCartParentCheckBox;

        public CheckBox noShoppingCartParentCheckBox;

        public TextView merchantNameTextView;

        public TextView editView;

    }

    class ChildHolder {
        View editView;
        CheckBox shoppingCartChildCheckBox;
        View addTextView;
        View subTextView;
        EditText shoppingCartCountEditText;
        TextView shoppingCartChildTitle;
        TextView shoppingCartUnitPrice;
        ImageView imageView;
        View deleteView;
        View editAddTextView;
        View editSubTextView;
        EditText editShoppingCartCountEditText;
        TextView shoppingCartPriceTextView;
        TextView confirmTextView;
        View priceAndConfirView;
        View numberLayout;
        View editAddSubView;
    }

    private double getTotalPrice(List<DataEntity.ShoppingCartEntity.GoodsInShoppingCartEntity> list) {
        double total = 0d;
        for (int m = 0; m < list.size(); m++) {
            DataEntity.ShoppingCartEntity.GoodsInShoppingCartEntity entity = list.get(m);
            if (entity.isCheck()) {
                String num = entity.getChildNum();
                String price = entity.getChildPrice();
                if (!TextUtils.isEmpty(num) && !TextUtils.isEmpty(price)) {
                    int numInt = Integer.parseInt(num);
                    double priceFloat = Double.parseDouble(price);
                    total = Arith.add(total, Arith.mul(numInt, priceFloat));
                }
            }

        }
        return total;
    }
}

github地址

csdn demo地址