Android實(shí)現(xiàn)商城購物車功能的實(shí)例代碼
更新時(shí)間：2019年06月19日 11:55:57 作者：龍旋ly
最近公司項(xiàng)目做商城模塊，需要實(shí)現(xiàn)購物車功能，主要實(shí)現(xiàn)了單選、全選，金額合計(jì)，商品刪除，商品數(shù)量加減等功能，這篇文章主要介紹了Android實(shí)現(xiàn)商城購物車功能,需要的朋友可以參考下
最近公司項(xiàng)目做商城模塊，需要實(shí)現(xiàn)購物車功能，主要實(shí)現(xiàn)了單選、全選，金額合計(jì)，商品刪除，商品數(shù)量加減等功能，先看看效果圖：
在這里插入圖片描述
一、實(shí)現(xiàn)步驟：
0、添加依賴庫
1.購物車主界面布局文件(activity_main.xml)
2.購物車實(shí)現(xiàn)邏輯主界面(MainActivity.class)
3.使用ExpandableListView,繼承BaseExpandableListAdapter
4.購物車數(shù)據(jù)的bean類(ShoppingCarDataBean.class)
5.分店鋪實(shí)現(xiàn)布局
6.購物車中商品Item布局文件
二、實(shí)現(xiàn)過程：
0.添加依賴庫
implementation 'com.jakewharton:butterknife:5.1.1' implementation 'com.google.code.gson:gson:2.2.4' implementation 'com.github.bumptech.glide:glide:3.7.0'
1.購物車主界面布局文件(activity_main.xml)
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#ffffff" android:orientation="vertical"> <LinearLayout android:id="@+id/ll_gouwuche" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#ededed" android:orientation="vertical"> <RelativeLayout android:layout_width="match_parent" android:layout_height="48dp" android:background="#ffffff" android:orientation="vertical"> <ImageView android:id="@+id/tv_titlebar_left" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_marginLeft="15dp" android:padding="5dp" android:src="@drawable/danghanglan_fanhui" /> <TextView android:id="@+id/tv_titlebar_center" android:layout_width="200dp" android:layout_height="match_parent" android:layout_centerHorizontal="true" android:ellipsize="end" android:gravity="center" android:maxLength="18" android:singleLine="true" android:text="購物車" android:textColor="#2f302b" android:textSize="17sp" android:visibility="visible" /> <TextView android:id="@+id/tv_titlebar_right" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_alignParentRight="true" android:background="@null" android:gravity="center" android:paddingLeft="15dp" android:paddingRight="15dp" android:singleLine="true" android:text="編輯" android:textColor="#2f302b" android:textSize="14sp" android:visibility="gone" /> <View android:layout_width="match_parent" android:layout_height="0.5dp" android:layout_alignParentBottom="true" android:background="#cccccc" /> </RelativeLayout> <ExpandableListView android:id="@+id/elv_shopping_car" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:background="#ededed" android:divider="@null" android:groupIndicator="@null" android:scrollbars="none" android:visibility="gone" /> <RelativeLayout android:id="@+id/rl" android:layout_width="match_parent" android:layout_height="54dp" android:background="#ffffff" android:visibility="gone"> <LinearLayout android:id="@+id/ll_select_all" android:layout_width="wrap_content" android:layout_height="match_parent" android:orientation="horizontal" android:paddingRight="10dp"> <ImageView android:id="@+id/iv_select_all" android:layout_width="20dp" android:layout_height="20dp" android:layout_gravity="center_vertical" android:layout_marginLeft="10dp" android:background="@drawable/gouwuche_unselect_bg" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginLeft="6dp" android:text="全選" android:textColor="#666666" android:textSize="12dp" /> </LinearLayout> <Button android:id="@+id/btn_order" android:layout_width="125dp" android:layout_height="40dp" android:layout_alignParentRight="true" android:layout_centerVertical="true" android:layout_marginRight="15dp" android:background="@drawable/jiarugouwuche_bg" android:text="結(jié)算" android:textColor="#ffffff" android:textSize="16dp" android:visibility="visible" /> <Button android:id="@+id/btn_delete" android:layout_width="125dp" android:layout_height="40dp" android:layout_alignParentRight="true" android:layout_centerVertical="true" android:layout_marginRight="15dp" android:background="@drawable/jiarugouwuche_bg" android:text="刪除" android:textColor="#ffffff" android:textSize="16dp" android:visibility="gone" /> <RelativeLayout android:id="@+id/rl_total_price" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_toLeftOf="@id/btn_order" android:layout_toRightOf="@id/ll_select_all"> <TextView android:id="@+id/tv_total_price" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_centerVertical="true" android:layout_marginLeft="2dp" android:layout_marginRight="10dp" android:maxLength="12" android:singleLine="true" android:text="￥0.00" android:textColor="#d8b691" android:textSize="15dp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_toLeftOf="@id/tv_total_price" android:text="合計(jì)金額：" android:textColor="#555555" android:textSize="13dp" /> </RelativeLayout> <View android:layout_width="match_parent" android:layout_height="0.5dp" android:background="#cccccc" /> </RelativeLayout> </LinearLayout> <RelativeLayout android:id="@+id/rl_no_contant" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:visibility="gone"> <ImageView android:id="@+id/iv_no_contant" android:layout_width="100dp" android:layout_height="100dp" android:layout_centerHorizontal="true" android:scaleType="centerCrop" android:src="@drawable/kong_gouwuche" /> <TextView android:layout_width="200dp" android:layout_height="wrap_content" android:layout_below="@+id/iv_no_contant" android:layout_marginTop="20dp" android:gravity="center" android:text="購物車竟然是空的" android:textColor="#808080" android:textSize="16dp" /> </RelativeLayout> </RelativeLayout>
2.購物車實(shí)現(xiàn)邏輯主界面(MainActivity.class)
package com.showly.yglin.shoppingcar;
import android.content.Context;
import android.content.DialogInterface;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.KeyEvent;
import android.view.View;
import android.widget.Button;
import android.widget.ExpandableListView;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.TextView;
import com.google.gson.Gson;
import com.showly.yglin.shoppingcar.adapter.ShoppingCarAdapter;
import com.showly.yglin.shoppingcar.bean.ShoppingCarDataBean;
import com.showly.yglin.shoppingcar.customview.RoundCornerDialog;
import com.showly.yglin.shoppingcar.util.ToastUtil;
import java.util.ArrayList;
import java.util.List;
import butterknife.ButterKnife;
import butterknife.InjectView;
import butterknife.OnClick;
/**
* 購物車實(shí)現(xiàn)
* 主要功能：
* 1.單選、全選；
* 2.合計(jì)；
* 3.刪除；
* 4.商品數(shù)量加減；
*/
public class MainActivity extends AppCompatActivity {
@InjectView(R.id.tv_titlebar_center)
TextView tvTitlebarCenter;
@InjectView(R.id.tv_titlebar_right)
TextView tvTitlebarRight;
@InjectView(R.id.elv_shopping_car)
ExpandableListView elvShoppingCar;
@InjectView(R.id.iv_select_all)
ImageView ivSelectAll;
@InjectView(R.id.ll_select_all)
LinearLayout llSelectAll;
@InjectView(R.id.btn_order)
Button btnOrder;
@InjectView(R.id.btn_delete)
Button btnDelete;
@InjectView(R.id.tv_total_price)
TextView tvTotalPrice;
@InjectView(R.id.rl_total_price)
RelativeLayout rlTotalPrice;
@InjectView(R.id.rl)
RelativeLayout rl;
@InjectView(R.id.iv_no_contant)
ImageView ivNoContant;
@InjectView(R.id.rl_no_contant)
RelativeLayout rlNoContant;
@InjectView(R.id.tv_titlebar_left)
ImageView tvTitlebarLeft;
//模擬的購物車數(shù)據(jù)（實(shí)際開發(fā)中使用后臺(tái)返回的數(shù)據(jù)）
private String shoppingCarData = "{\n" +
" \"code\": 200,\n" +
" \"datas\": [\n" +
" {\n" +
" \"goods\": [\n" +
" {\n" +
" \"goods_id\": \"111111\",\n" +
" \"goods_image\": \"http://pic.58pic.com/58pic/15/62/69/34K58PICbmZ_1024.jpg\",\n" +
" \"goods_name\": \"三國(guó)演義\",\n" +
" \"goods_num\": \"2\",\n" +
" \"goods_price\": \"15.00\"\n" +
" }\n" +
" ],\n" +
" \"store_id\": \"1\",\n" +
" \"store_name\": \"書店雜貨鋪\"\n" +
" },\n" +
" {\n" +
" \"goods\": [\n" +
" {\n" +
" \"goods_id\": \"222221\",\n" +
" \"goods_image\": \"http://file06.16sucai.com/2016/0511/9711205e4c003182edeed83355e6f1c7.jpg\",\n" +
" \"goods_name\": \"西游記\",\n" +
" \"goods_num\": \"2\",\n" +
" \"goods_price\": \"12.00\"\n" +
" },\n" +
" {\n" +
" \"goods_id\": \"222222\",\n" +
" \"goods_image\": \"http://img01.taopic.com/150424/240473-1504240U13615.jpg\",\n" +
" \"goods_name\": \"封神榜\",\n" +
" \"goods_num\": \"1\",\n" +
" \"goods_price\": \"28.00\"\n" +
" }\n" +
" ],\n" +
" \"store_id\": \"2\",\n" +
" \"store_name\": \"亞馬遜書店\"\n" +
" },\n" +
" {\n" +
" \"goods\": [\n" +
" {\n" +
" \"goods_id\": \"333331\",\n" +
" \"goods_image\": \"http://pic22.nipic.com/20120718/8002769_100147127333_2.jpg\",\n" +
" \"goods_name\": \"水滸傳\",\n" +
" \"goods_num\": \"3\",\n" +
" \"goods_price\": \"18.00\"\n" +
" },\n" +
" {\n" +
" \"goods_id\": \"333332\",\n" +
" \"goods_image\": \"http://pic.58pic.com/58pic/14/71/50/40e58PICy54_1024.jpg\",\n" +
" \"goods_name\": \"封神演義\",\n" +
" \"goods_num\": \"3\",\n" +
" \"goods_price\": \"32.00\"\n" +
" },\n" +
" {\n" +
" \"goods_id\": \"333333\",\n" +
" \"goods_image\": \"http://img01.taopic.com/150518/318750-15051PS40671.jpg\",\n" +
" \"goods_name\": \"軒轅劍\",\n" +
" \"goods_num\": \"3\",\n" +
" \"goods_price\": \"3.80\"\n" +
" }\n" +
" ],\n" +
" \"store_id\": \"3\",\n" +
" \"store_name\": \"三味書屋\"\n" +
" }\n" +
" ]\n" +
"}";
private List<ShoppingCarDataBean.DatasBean> datas;
private Context context;
private ShoppingCarAdapter shoppingCarAdapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ButterKnife.inject(this);
context = this;
initExpandableListView();
initData();
}
@OnClick({R.id.tv_titlebar_left, R.id.tv_titlebar_right})
public void onViewClicked(View view) {
switch (view.getId()) {
case R.id.tv_titlebar_left://刷新數(shù)據(jù)
initData();
break;
case R.id.tv_titlebar_right://編輯
String edit = tvTitlebarRight.getText().toString().trim();
if (edit.equals("編輯")) {
tvTitlebarRight.setText("完成");
rlTotalPrice.setVisibility(View.GONE);
btnOrder.setVisibility(View.GONE);
btnDelete.setVisibility(View.VISIBLE);
} else {
tvTitlebarRight.setText("編輯");
rlTotalPrice.setVisibility(View.VISIBLE);
btnOrder.setVisibility(View.VISIBLE);
btnDelete.setVisibility(View.GONE);
}
break;
default:
break;
}
}
/**
* 初始化數(shù)據(jù)
*/
private void initData() {
//使用Gson解析購物車數(shù)據(jù)，
//ShoppingCarDataBean為bean類，Gson按照bean類的格式解析數(shù)據(jù)
/**
* 實(shí)際開發(fā)中，通過請(qǐng)求后臺(tái)接口獲取購物車數(shù)據(jù)并解析
*/
Gson gson = new Gson();
ShoppingCarDataBean shoppingCarDataBean = gson.fromJson(shoppingCarData, ShoppingCarDataBean.class);
datas = shoppingCarDataBean.getDatas();
initExpandableListViewData(datas);
}
/**
* 初始化ExpandableListView
* 創(chuàng)建數(shù)據(jù)適配器adapter，并進(jìn)行初始化操作
*/
private void initExpandableListView() {
shoppingCarAdapter = new ShoppingCarAdapter(context, llSelectAll, ivSelectAll, btnOrder, btnDelete, rlTotalPrice, tvTotalPrice);
elvShoppingCar.setAdapter(shoppingCarAdapter);
//刪除的回調(diào)
shoppingCarAdapter.setOnDeleteListener(new ShoppingCarAdapter.OnDeleteListener() {
@Override
public void onDelete() {
initDelete();
/**
* 實(shí)際開發(fā)中，在此請(qǐng)求刪除接口，刪除成功后，
* 通過initExpandableListViewData（）方法刷新購物車數(shù)據(jù)。
* 注：通過bean類中的DatasBean的isSelect_shop屬性，判斷店鋪是否被選中；
* GoodsBean的isSelect屬性，判斷商品是否被選中，
* （true為選中，false為未選中）
*/
}
});
//修改商品數(shù)量的回調(diào)
shoppingCarAdapter.setOnChangeCountListener(new ShoppingCarAdapter.OnChangeCountListener() {
@Override
public void onChangeCount(String goods_id) {
/**
* 實(shí)際開發(fā)中，在此請(qǐng)求修改商品數(shù)量的接口，商品數(shù)量修改成功后，
* 通過initExpandableListViewData（）方法刷新購物車數(shù)據(jù)。
*/
}
});
}
/**
* 初始化ExpandableListView的數(shù)據(jù)
* 并在數(shù)據(jù)刷新時(shí)，頁面保持當(dāng)前位置
*
* @param datas 購物車的數(shù)據(jù)
*/
private void initExpandableListViewData(List<ShoppingCarDataBean.DatasBean> datas) {
if (datas != null && datas.size() > 0) {
//刷新數(shù)據(jù)時(shí)，保持當(dāng)前位置
shoppingCarAdapter.setData(datas);
//使所有組展開
for (int i = 0; i < shoppingCarAdapter.getGroupCount(); i++) {
elvShoppingCar.expandGroup(i);
}
//使組點(diǎn)擊無效果
elvShoppingCar.setOnGroupClickListener(new ExpandableListView.OnGroupClickListener() {
@Override
public boolean onGroupClick(ExpandableListView parent, View v,
int groupPosition, long id) {
return true;
}
});
tvTitlebarRight.setVisibility(View.VISIBLE);
tvTitlebarRight.setText("編輯");
rlNoContant.setVisibility(View.GONE);
elvShoppingCar.setVisibility(View.VISIBLE);
rl.setVisibility(View.VISIBLE);
rlTotalPrice.setVisibility(View.VISIBLE);
btnOrder.setVisibility(View.VISIBLE);
btnDelete.setVisibility(View.GONE);
} else {
tvTitlebarRight.setVisibility(View.GONE);
rlNoContant.setVisibility(View.VISIBLE);
elvShoppingCar.setVisibility(View.GONE);
rl.setVisibility(View.GONE);
}
}
/**
* 判斷是否要彈出刪除的dialog
* 通過bean類中的DatasBean的isSelect_shop屬性，判斷店鋪是否被選中；
* GoodsBean的isSelect屬性，判斷商品是否被選中，
*/
private void initDelete() {
//判斷是否有店鋪或商品被選中
//true為有，則需要刷新數(shù)據(jù)；反之，則不需要；
boolean hasSelect = false;
//創(chuàng)建臨時(shí)的List，用于存儲(chǔ)沒有被選中的購物車數(shù)據(jù)
List<ShoppingCarDataBean.DatasBean> datasTemp = new ArrayList<>();
for (int i = 0; i < datas.size(); i++) {
List<ShoppingCarDataBean.DatasBean.GoodsBean> goods = datas.get(i).getGoods();
boolean isSelect_shop = datas.get(i).getIsSelect_shop();
if (isSelect_shop) {
hasSelect = true;
//跳出本次循環(huán)，繼續(xù)下次循環(huán)。
continue;
} else {
datasTemp.add(datas.get(i));
datasTemp.get(datasTemp.size() - 1).setGoods(new ArrayList<ShoppingCarDataBean.DatasBean.GoodsBean>());
}
for (int y = 0; y < goods.size(); y++) {
ShoppingCarDataBean.DatasBean.GoodsBean goodsBean = goods.get(y);
boolean isSelect = goodsBean.getIsSelect();
if (isSelect) {
hasSelect = true;
} else {
datasTemp.get(datasTemp.size() - 1).getGoods().add(goodsBean);
}
}
}
if (hasSelect) {
showDeleteDialog(datasTemp);
} else {
ToastUtil.makeText(context, "請(qǐng)選擇要?jiǎng)h除的商品");
}
}
/**
* 展示刪除的dialog（可以自定義彈窗，不用刪除即可）
*
* @param datasTemp
*/
private void showDeleteDialog(final List<ShoppingCarDataBean.DatasBean> datasTemp) {
View view = View.inflate(context, R.layout.dialog_two_btn, null);
final RoundCornerDialog roundCornerDialog = new RoundCornerDialog(context, 0, 0, view, R.style.RoundCornerDialog);
roundCornerDialog.show();
roundCornerDialog.setCanceledOnTouchOutside(false);// 設(shè)置點(diǎn)擊屏幕Dialog不消失
roundCornerDialog.setOnKeyListener(keylistener);//設(shè)置點(diǎn)擊返回鍵Dialog不消失
TextView tv_message = view.findViewById(R.id.tv_message);
TextView tv_logout_confirm = view.findViewById(R.id.tv_logout_confirm);
TextView tv_logout_cancel = view.findViewById(R.id.tv_logout_cancel);
tv_message.setText("確定要?jiǎng)h除商品嗎？");
//確定
tv_logout_confirm.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
roundCornerDialog.dismiss();
datas = datasTemp;
initExpandableListViewData(datas);
}
});
//取消
tv_logout_cancel.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
roundCornerDialog.dismiss();
}
});
}
DialogInterface.OnKeyListener keylistener = new DialogInterface.OnKeyListener() {
public boolean onKey(DialogInterface dialog, int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK && event.getRepeatCount() == 0) {
return true;
} else {
return false;
}
}
};
}
3.使用ExpandableListView,繼承BaseExpandableListAdapter
package com.showly.yglin.shoppingcar.adapter;
import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.TextView;
import com.bumptech.glide.Glide;
import com.showly.yglin.shoppingcar.R;
import com.showly.yglin.shoppingcar.bean.ShoppingCarDataBean;
import com.showly.yglin.shoppingcar.util.ToastUtil;
import java.text.DecimalFormat;
import java.util.ArrayList;
import java.util.List;
import butterknife.ButterKnife;
import butterknife.InjectView;
/**
* 購物車的adapter
* 因?yàn)槭褂玫氖荅xpandableListView，所以繼承BaseExpandableListAdapter
*/
public class ShoppingCarAdapter extends BaseExpandableListAdapter {
private final Context context;
private final LinearLayout llSelectAll;
private final ImageView ivSelectAll;
private final Button btnOrder;
private final Button btnDelete;
private final RelativeLayout rlTotalPrice;
private final TextView tvTotalPrice;
private List<ShoppingCarDataBean.DatasBean> data;
private boolean isSelectAll = false;
private double total_price;
public ShoppingCarAdapter(Context context, LinearLayout llSelectAll,
ImageView ivSelectAll, Button btnOrder, Button btnDelete,
RelativeLayout rlTotalPrice, TextView tvTotalPrice) {
this.context = context;
this.llSelectAll = llSelectAll;
this.ivSelectAll = ivSelectAll;
this.btnOrder = btnOrder;
this.btnDelete = btnDelete;
this.rlTotalPrice = rlTotalPrice;
this.tvTotalPrice = tvTotalPrice;
}
/**
* 自定義設(shè)置數(shù)據(jù)方法；
* 通過notifyDataSetChanged()刷新數(shù)據(jù)，可保持當(dāng)前位置
*
* @param data 需要刷新的數(shù)據(jù)
*/
public void setData(List<ShoppingCarDataBean.DatasBean> data) {
this.data = data;
notifyDataSetChanged();
}
@Override
public int getGroupCount() {
if (data != null && data.size() > 0) {
return data.size();
} else {
return 0;
}
}
@Override
public Object getGroup(int groupPosition) {
return data.get(groupPosition);
}
@Override
public long getGroupId(int groupPosition) {
return groupPosition;
}
@Override
public View getGroupView(final int groupPosition, final boolean isExpanded, View convertView, ViewGroup parent) {
GroupViewHolder groupViewHolder;
if (convertView == null) {
convertView = View.inflate(context, R.layout.item_shopping_car_group, null);
groupViewHolder = new GroupViewHolder(convertView);
convertView.setTag(groupViewHolder);
} else {
groupViewHolder = (GroupViewHolder) convertView.getTag();
}
final ShoppingCarDataBean.DatasBean datasBean = data.get(groupPosition);
//店鋪ID
String store_id = datasBean.getStore_id();
//店鋪名稱
String store_name = datasBean.getStore_name();
if (store_name != null) {
groupViewHolder.tvStoreName.setText(store_name);
} else {
groupViewHolder.tvStoreName.setText("");
}
//店鋪內(nèi)的商品都選中的時(shí)候，店鋪的也要選中
for (int i = 0; i < datasBean.getGoods().size(); i++) {
ShoppingCarDataBean.DatasBean.GoodsBean goodsBean = datasBean.getGoods().get(i);
boolean isSelect = goodsBean.getIsSelect();
if (isSelect) {
datasBean.setIsSelect_shop(true);
} else {
datasBean.setIsSelect_shop(false);
break;
}
}
//因?yàn)閟et之后要重新get，所以這一塊代碼要放到一起執(zhí)行
//店鋪是否在購物車中被選中
final boolean isSelect_shop = datasBean.getIsSelect_shop();
if (isSelect_shop) {
groupViewHolder.ivSelect.setImageResource(R.drawable.xuanze_xuanzhong);
} else {
groupViewHolder.ivSelect.setImageResource(R.drawable.unselect);
}
//店鋪選擇框的點(diǎn)擊事件
groupViewHolder.ll.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
datasBean.setIsSelect_shop(!isSelect_shop);
List<ShoppingCarDataBean.DatasBean.GoodsBean> goods = datasBean.getGoods();
for (int i = 0; i < goods.size(); i++) {
ShoppingCarDataBean.DatasBean.GoodsBean goodsBean = goods.get(i);
goodsBean.setIsSelect(!isSelect_shop);
}
notifyDataSetChanged();
}
});
//當(dāng)所有的選擇框都是選中的時(shí)候，全選也要選中
w:
for (int i = 0; i < data.size(); i++) {
List<ShoppingCarDataBean.DatasBean.GoodsBean> goods = data.get(i).getGoods();
for (int y = 0; y < goods.size(); y++) {
ShoppingCarDataBean.DatasBean.GoodsBean goodsBean = goods.get(y);
boolean isSelect = goodsBean.getIsSelect();
if (isSelect) {
isSelectAll = true;
} else {
isSelectAll = false;
break w;//根據(jù)標(biāo)記，跳出嵌套循環(huán)
}
}
}
if (isSelectAll) {
ivSelectAll.setBackgroundResource(R.drawable.xuanze_xuanzhong);
} else {
ivSelectAll.setBackgroundResource(R.drawable.unselect);
}
//全選的點(diǎn)擊事件
llSelectAll.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
isSelectAll = !isSelectAll;
if (isSelectAll) {
for (int i = 0; i < data.size(); i++) {
List<ShoppingCarDataBean.DatasBean.GoodsBean> goods = data.get(i).getGoods();
for (int y = 0; y < goods.size(); y++) {
ShoppingCarDataBean.DatasBean.GoodsBean goodsBean = goods.get(y);
goodsBean.setIsSelect(true);
}
}
} else {
for (int i = 0; i < data.size(); i++) {
List<ShoppingCarDataBean.DatasBean.GoodsBean> goods = data.get(i).getGoods();
for (int y = 0; y < goods.size(); y++) {
ShoppingCarDataBean.DatasBean.GoodsBean goodsBean = goods.get(y);
goodsBean.setIsSelect(false);
}
}
}
notifyDataSetChanged();
}
});
//合計(jì)的計(jì)算
total_price = 0.0;
tvTotalPrice.setText("¥0.00");
for (int i = 0; i < data.size(); i++) {
List<ShoppingCarDataBean.DatasBean.GoodsBean> goods = data.get(i).getGoods();
for (int y = 0; y < goods.size(); y++) {
ShoppingCarDataBean.DatasBean.GoodsBean goodsBean = goods.get(y);
boolean isSelect = goodsBean.getIsSelect();
if (isSelect) {
String num = goodsBean.getGoods_num();
String price = goodsBean.getGoods_price();
double v = Double.parseDouble(num);
double v1 = Double.parseDouble(price);
total_price = total_price + v * v1;
//讓Double類型完整顯示，不用科學(xué)計(jì)數(shù)法顯示大寫字母E
DecimalFormat decimalFormat = new DecimalFormat("0.00");
tvTotalPrice.setText("¥" + decimalFormat.format(total_price));
}
}
}
//去結(jié)算的點(diǎn)擊事件
btnOrder.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//創(chuàng)建臨時(shí)的List，用于存儲(chǔ)被選中的商品
List<ShoppingCarDataBean.DatasBean.GoodsBean> temp = new ArrayList<>();
for (int i = 0; i < data.size(); i++) {
List<ShoppingCarDataBean.DatasBean.GoodsBean> goods = data.get(i).getGoods();
for (int y = 0; y < goods.size(); y++) {
ShoppingCarDataBean.DatasBean.GoodsBean goodsBean = goods.get(y);
boolean isSelect = goodsBean.getIsSelect();
if (isSelect) {
temp.add(goodsBean);
}
}
}
if (temp != null && temp.size() > 0) {//如果有被選中的
/**
* 實(shí)際開發(fā)中，如果有被選中的商品，
* 則跳轉(zhuǎn)到確認(rèn)訂單頁面，完成后續(xù)訂單流程。
*/
ToastUtil.makeText(context, "跳轉(zhuǎn)到確認(rèn)訂單頁面，完成后續(xù)訂單流程");
} else {
ToastUtil.makeText(context, "請(qǐng)選擇要購買的商品");
}
}
});
//刪除的點(diǎn)擊事件
btnDelete.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
/**
* 實(shí)際開發(fā)中，通過回調(diào)請(qǐng)求后臺(tái)接口實(shí)現(xiàn)刪除操作
*/
if (mDeleteListener != null) {
mDeleteListener.onDelete();
}
}
});
return convertView;
}
static class GroupViewHolder {
@InjectView(R.id.iv_select)
ImageView ivSelect;
@InjectView(R.id.tv_store_name)
TextView tvStoreName;
@InjectView(R.id.ll)
LinearLayout ll;
GroupViewHolder(View view) {
ButterKnife.inject(this, view);
}
}
//------------------------------------------------------------------------------------------------
@Override
public int getChildrenCount(int groupPosition) {
if (data.get(groupPosition).getGoods() != null && data.get(groupPosition).getGoods().size() > 0) {
return data.get(groupPosition).getGoods().size();
} else {
return 0;
}
}
@Override
public Object getChild(int groupPosition, int childPosition) {
return data.get(groupPosition).getGoods().get(childPosition);
}
@Override
public long getChildId(int groupPosition, int childPosition) {
return childPosition;
}
@Override
public View getChildView(final int groupPosition, final int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
ChildViewHolder childViewHolder;
if (convertView == null) {
convertView = View.inflate(context, R.layout.item_shopping_car_child, null);
childViewHolder = new ChildViewHolder(convertView);
convertView.setTag(childViewHolder);
} else {
childViewHolder = (ChildViewHolder) convertView.getTag();
}
final ShoppingCarDataBean.DatasBean datasBean = data.get(groupPosition);
//店鋪ID
String store_id = datasBean.getStore_id();
//店鋪名稱
String store_name = datasBean.getStore_name();
//店鋪是否在購物車中被選中
final boolean isSelect_shop = datasBean.getIsSelect_shop();
final ShoppingCarDataBean.DatasBean.GoodsBean goodsBean = datasBean.getGoods().get(childPosition);
//商品圖片
String goods_image = goodsBean.getGoods_image();
//商品ID
final String goods_id = goodsBean.getGoods_id();
//商品名稱
String goods_name = goodsBean.getGoods_name();
//商品價(jià)格
String goods_price = goodsBean.getGoods_price();
//商品數(shù)量
String goods_num = goodsBean.getGoods_num();
//商品是否被選中
final boolean isSelect = goodsBean.getIsSelect();
Glide.with(context)
.load(R.drawable.img)
.into(childViewHolder.ivPhoto);
if (goods_name != null) {
childViewHolder.tvName.setText(goods_name);
} else {
childViewHolder.tvName.setText("");
}
if (goods_price != null) {
childViewHolder.tvPriceValue.setText(goods_price);
} else {
childViewHolder.tvPriceValue.setText("");
}
if (goods_num != null) {
childViewHolder.tvEditBuyNumber.setText(goods_num);
} else {
childViewHolder.tvEditBuyNumber.setText("");
}
//商品是否被選中
if (isSelect) {
childViewHolder.ivSelect.setImageResource(R.drawable.xuanze_xuanzhong);
} else {
childViewHolder.ivSelect.setImageResource(R.drawable.unselect);
}
//商品選擇框的點(diǎn)擊事件
childViewHolder.ivSelect.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
goodsBean.setIsSelect(!isSelect);
if (!isSelect == false) {
datasBean.setIsSelect_shop(false);
}
notifyDataSetChanged();
}
});
//加號(hào)的點(diǎn)擊事件
childViewHolder.ivEditAdd.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//模擬加號(hào)操作
String num = goodsBean.getGoods_num();
Integer integer = Integer.valueOf(num);
integer++;
goodsBean.setGoods_num(integer + "");
notifyDataSetChanged();
/**
* 實(shí)際開發(fā)中，通過回調(diào)請(qǐng)求后臺(tái)接口實(shí)現(xiàn)數(shù)量的加減
*/
if (mChangeCountListener != null) {
mChangeCountListener.onChangeCount(goods_id);
}
}
});
//減號(hào)的點(diǎn)擊事件
childViewHolder.ivEditSubtract.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//模擬減號(hào)操作
String num = goodsBean.getGoods_num();
Integer integer = Integer.valueOf(num);
if (integer > 1) {
integer--;
goodsBean.setGoods_num(integer + "");
/**
* 實(shí)際開發(fā)中，通過回調(diào)請(qǐng)求后臺(tái)接口實(shí)現(xiàn)數(shù)量的加減
*/
if (mChangeCountListener != null) {
mChangeCountListener.onChangeCount(goods_id);
}
} else {
ToastUtil.makeText(context, "商品不能再減少了");
}
notifyDataSetChanged();
}
});
if (childPosition == data.get(groupPosition).getGoods().size() - 1) {
childViewHolder.view.setVisibility(View.GONE);
childViewHolder.viewLast.setVisibility(View.VISIBLE);
} else {
childViewHolder.view.setVisibility(View.VISIBLE);
childViewHolder.viewLast.setVisibility(View.GONE);
}
return convertView;
}
static class ChildViewHolder {
@InjectView(R.id.iv_select)
ImageView ivSelect;
@InjectView(R.id.iv_photo)
ImageView ivPhoto;
@InjectView(R.id.tv_name)
TextView tvName;
@InjectView(R.id.tv_price_key)
TextView tvPriceKey;
@InjectView(R.id.tv_price_value)
TextView tvPriceValue;
@InjectView(R.id.iv_edit_subtract)
ImageView ivEditSubtract;
@InjectView(R.id.tv_edit_buy_number)
TextView tvEditBuyNumber;
@InjectView(R.id.iv_edit_add)
ImageView ivEditAdd;
@InjectView(R.id.view)
View view;
@InjectView(R.id.view_last)
View viewLast;
ChildViewHolder(View view) {
ButterKnife.inject(this, view);
}
}
//-----------------------------------------------------------------------------------------------
@Override
public boolean isChildSelectable(int groupPosition, int childPosition) {
return false;
}
@Override
public boolean hasStableIds() {
return false;
}
//刪除的回調(diào)
public interface OnDeleteListener {
void onDelete();
}
public void setOnDeleteListener(OnDeleteListener listener) {
mDeleteListener = listener;
}
private OnDeleteListener mDeleteListener;
//修改商品數(shù)量的回調(diào)
public interface OnChangeCountListener {
void onChangeCount(String goods_id);
}
public void setOnChangeCountListener(OnChangeCountListener listener) {
mChangeCountListener = listener;
}
private OnChangeCountListener mChangeCountListener;
}
4.購物車數(shù)據(jù)的bean類(ShoppingCarDataBean.class)
package com.showly.yglin.shoppingcar.bean;
import java.util.List;
/**
* 購物車數(shù)據(jù)的bean類
*/
public class ShoppingCarDataBean {
private int code;
private List<DatasBean> datas;
public int getCode() {
return code;
}
public void setCode(int code) {
this.code = code;
}
public List<DatasBean> getDatas() {
return datas;
}
public void setDatas(List<DatasBean> datas) {
this.datas = datas;
}
public static class DatasBean {
private String store_id;
private String store_name;
private boolean isSelect_shop; //店鋪是否在購物車中被選中
private List<GoodsBean> goods;
public boolean getIsSelect_shop() {
return isSelect_shop;
}
public void setIsSelect_shop(boolean select_shop) {
isSelect_shop = select_shop;
}
public String getStore_id() {
return store_id;
}
public void setStore_id(String store_id) {
this.store_id = store_id;
}
public String getStore_name() {
return store_name;
}
public void setStore_name(String store_name) {
this.store_name = store_name;
}
public List<GoodsBean> getGoods() {
return goods;
}
public void setGoods(List<GoodsBean> goods) {
this.goods = goods;
}
public static class GoodsBean {
private String goods_id;
private String goods_image;
private String goods_name;
private String goods_num;
private String goods_price;
private boolean isSelect; //商品是否在購物車中被選中
public boolean getIsSelect() {
return isSelect;
}
public void setIsSelect(boolean isSelect) {
this.isSelect = isSelect;
}
public String getGoods_id() {
return goods_id;
}
public void setGoods_id(String goods_id) {
this.goods_id = goods_id;
}
public String getGoods_image() {
return goods_image;
}
public void setGoods_image(String goods_image) {
this.goods_image = goods_image;
}
public String getGoods_name() {
return goods_name;
}
public void setGoods_name(String goods_name) {
this.goods_name = goods_name;
}
public String getGoods_num() {
return goods_num;
}
public void setGoods_num(String goods_num) {
this.goods_num = goods_num;
}
public String getGoods_price() {
return goods_price;
}
public void setGoods_price(String goods_price) {
this.goods_price = goods_price;
}
}
}
}
5.分店鋪實(shí)現(xiàn)布局
效果圖(紅色部分)：
在這里插入圖片描述
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#ffffff" android:orientation="vertical"> <LinearLayout android:id="@+id/ll" android:layout_width="match_parent" android:layout_height="40dp" android:orientation="horizontal"> <ImageView android:id="@+id/iv_select" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:layout_marginLeft="10dp" android:background="@drawable/unselect" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:layout_marginLeft="10dp" android:background="@drawable/biaoqianlan_kefu" /> <TextView android:id="@+id/tv_store_name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginLeft="10dp" android:text="店鋪名稱" android:textColor="#333333" android:textSize="14dp" android:maxLines="1" android:ellipsize="end"/> </LinearLayout> <View android:layout_width="match_parent" android:layout_height="0.5dp" android:layout_marginLeft="10dp" android:background="#cccccc" /> </LinearLayout>
6.購物車中商品Item布局文件
效果圖：
在這里插入圖片描述
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#ffffff" android:orientation="vertical"> <LinearLayout android:layout_width="match_parent" android:layout_height="100dp" android:background="#ffffff"> <ImageView android:id="@+id/iv_select" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_gravity="center_vertical" android:padding="10dp" android:src="@drawable/unselect" /> <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent"> <ImageView android:id="@+id/iv_photo" android:layout_width="90dp" android:layout_height="90dp" android:layout_centerVertical="true" android:background="#ededed" android:scaleType="centerCrop" /> <TextView android:id="@+id/tv_name" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="10dp" android:layout_marginRight="10dp" android:layout_marginTop="10dp" android:layout_toRightOf="@id/iv_photo" android:ellipsize="end" android:maxLines="2" android:text="時(shí)空房間啊鏈接法蘭克福驕傲拉開飛機(jī)阿里進(jìn)來撒劫匪了卡減肥了看見拉殺劫匪垃圾費(fèi)垃圾費(fèi)啦" android:textColor="#333333" android:textSize="14dp" /> <RelativeLayout android:layout_width="match_parent" android:layout_height="35dp" android:layout_alignParentBottom="true" android:layout_marginLeft="10dp" android:layout_toRightOf="@id/iv_photo"> <TextView android:id="@+id/tv_price_key" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:text="¥" android:textColor="#ee1d23" android:textSize="12dp" /> <TextView android:id="@+id/tv_price_value" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_marginLeft="2dp" android:layout_toRightOf="@id/tv_price_key" android:text="499" android:textColor="#ee1d23" android:textSize="14dp" /> <LinearLayout android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_alignParentRight="true" android:layout_centerVertical="true" android:gravity="center" android:orientation="horizontal"> <ImageView android:id="@+id/iv_edit_subtract" android:layout_width="wrap_content" android:layout_height="match_parent" android:paddingLeft="15dp" android:paddingRight="15dp" android:src="@drawable/iv_edit_subtract" /> <TextView android:id="@+id/tv_edit_buy_number" android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center" android:minEms="1" android:text="1" android:textColor="#666666" android:textSize="12dp" /> <ImageView android:id="@+id/iv_edit_add" android:layout_width="wrap_content" android:layout_height="match_parent" android:paddingLeft="15dp" android:paddingRight="15dp" android:src="@drawable/iv_edit_add" /> </LinearLayout> <View android:id="@+id/view" android:layout_width="match_parent" android:layout_height="0.5dp" android:layout_alignParentBottom="true" android:background="#cccccc" /> </RelativeLayout> </RelativeLayout> </LinearLayout> <View android:id="@+id/view_last" android:layout_width="match_parent" android:layout_height="10dp" android:layout_alignParentBottom="true" android:background="#ededed" android:visibility="gone" /> </LinearLayout>
自此，購物車的功能基本已經(jīng)實(shí)現(xiàn)了
總結(jié)
以上所述是小編給大家介紹的Android實(shí)現(xiàn)商城購物車功能的實(shí)例代碼,希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！
您可能感興趣的文章:
- Android實(shí)現(xiàn)購物車功能
- Android實(shí)現(xiàn)的仿淘寶購物車demo示例
- Android實(shí)現(xiàn)仿淘寶購物車增加和減少商品數(shù)量功能demo示例
- Android Studio實(shí)現(xiàn)簡(jiǎn)單購物車功能
- Android實(shí)現(xiàn)簡(jiǎn)單購物車功能
- Android把商品添加到購物車的動(dòng)畫效果（貝塞爾曲線）
- Android中實(shí)現(xiàn)淘寶購物車RecyclerView或LIstView的嵌套選擇的邏輯
- Android仿外賣購物車功能
- Android實(shí)現(xiàn)添加商品到購物車動(dòng)畫效果
- Android實(shí)現(xiàn)簡(jiǎn)單購物車
相關(guān)文章
基于Google ML模型開發(fā)Android物體檢測(cè)應(yīng)用
ML Kit是Google提供的機(jī)器學(xué)習(xí)SDK,包含了一系列預(yù)訓(xùn)練模型,可以在Android和iOS應(yīng)用中快速添加機(jī)器學(xué)習(xí)功能,本項(xiàng)目基于Google ML模型開發(fā)Android物體檢測(cè)應(yīng)用,首先對(duì)圖像中的物體進(jìn)行分類檢測(cè),獲取分類物體的位置區(qū)域,然后結(jié)合圖像標(biāo)記,逐個(gè)獲取單個(gè)物體的標(biāo)簽2024-07-07
適配AndroidQ拍照和讀取相冊(cè)圖片的實(shí)現(xiàn)方法
這篇文章主要介紹了適配AndroidQ拍照和讀取相冊(cè)圖片的實(shí)現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
這篇文章主要介紹了Android下拉刷新官方版的的相關(guān)資料，幫助大家實(shí)現(xiàn)Android下拉刷新，感興趣的小伙伴們可以參考一下2016-02-02
Android通知欄前臺(tái)服務(wù)的實(shí)現(xiàn)
這篇文章主要介紹了Android通知欄前臺(tái)服務(wù)的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
Android編程之退出整個(gè)應(yīng)用程序的方法
這篇文章主要介紹了Android編程之退出整個(gè)應(yīng)用程序的方法,實(shí)例分析了Android直接關(guān)閉所有的Acitivity并退出應(yīng)用程序的實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-12-12
android wifi信號(hào)強(qiáng)度等級(jí)區(qū)分的修改介紹
calculateSignalLevel為計(jì)算信號(hào)等級(jí)函數(shù),MAX_RSSI和MIN_RSSI分別為最強(qiáng)和最弱信號(hào)強(qiáng)度等級(jí)的信號(hào)強(qiáng)度閥值2013-06-06
Android 圖文詳解Binder進(jìn)程通信底層原理
Android系統(tǒng)中，多進(jìn)程間的通信都是依賴于底層Binder IPC機(jī)制，Binder機(jī)制是一種RPC方案。例如：當(dāng)進(jìn)程A中的Activity與進(jìn)程B中的Service通信時(shí)，就使用了binder機(jī)制2021-10-10
Kotlin自定義View系列教程之標(biāo)尺控件（選擇身高、體重等）的實(shí)現(xiàn)
這篇文章主要給大家介紹了關(guān)于Kotlin自定義View系列教程之標(biāo)尺控件（選擇身高、體重等）實(shí)現(xiàn)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-07-07
這篇文章主要為大家詳細(xì)介紹了Android自定義圓點(diǎn)指示器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-06-06
詳解Android系統(tǒng)中跨應(yīng)用數(shù)據(jù)分享功能的實(shí)現(xiàn)
這篇文章主要介紹了Android系統(tǒng)中跨應(yīng)用數(shù)據(jù)分享功能的實(shí)現(xiàn),文中分為發(fā)送文字、二進(jìn)制內(nèi)容和圖片三種情況來講,需要的朋友可以參考下2016-04-04