Android实现淘宝购物车

  本文实例为大家分享了Android实现淘宝购物车的具体代码,供大家参考,具体内容如下

  功能基本和淘宝购物车一样,商品按照店铺分类显示,全选,反选,选中商品数量变化,总价随之变化。效果图

  思路:店铺和商品都增加一个select属性,列表的CheckBox选择或未选中状态改变同时设置店铺和商品的select属性,每次CheckBox状态改变设置select的值等于cb.isChecked()

  购物车页面布局文件activity_shopping_car

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

  

  xmlns:app="http://schemas.android.com/apk/res-auto"

  xmlns:tools="http://schemas.android.com/tools"

  android:layout_width="match_parent"

  android:layout_height="match_parent"

  android:orientation="vertical"

  tools:context=".ui.activity.ShoppingCarActivity">

  

  android:id="@+id/titleBar"

  android:layout_width="match_parent"

  android:layout_height="wrap_content"

  app:rightTitle="管理"

  app:title="购物车" />

  

  android:id="@+id/hintLayout"

  android:layout_width="match_parent"

  android:layout_height="0dp"

  android:layout_weight="1">

  

  android:id="@+id/smartRefreshLayout"

  android:layout_width="match_parent"

  android:layout_height="match_parent">

  

  android:layout_width="match_parent"

  android:layout_height="wrap_content" />

  

  android:id="@+id/rv"

  android:layout_width="match_parent"

  android:layout_height="wrap_content" />

  

  

  

  android:id="@+id/ll_bottom"

  android:layout_width="match_parent"

  android:layout_height="wrap_content"

  android:layout_marginTop="@dimen/ali_auth_space_10"

  android:background="#fff"

  android:gravity="center_vertical"

  android:padding="15dp">

  

  android:id="@+id/cb_all"

  android:layout_width="wrap_content"

  android:layout_height="wrap_content"

  android:button="@drawable/selector_checkbox_green"

  android:text="全选" />

  

  android:layout_width="0dp"

  android:layout_height="1dp"

  android:layout_weight="1" />

  

  android:id="@+id/ll"

  android:layout_width="wrap_content"

  android:layout_height="wrap_content">

  

  android:layout_width="wrap_content"

  android:layout_height="wrap_content"

  android:text="合计:"

  android:textColor="#333"

  android:textSize="15sp" />

  

  android:id="@+id/tv_total_price"

  android:layout_width="wrap_content"

  android:layout_height="wrap_content"

  android:layout_marginLeft="5dp"

  android:text="¥0.00"

  android:textColor="#DA3527"

  android:textSize="24sp" />

  

  android:id="@+id/tv_buy"

  android:layout_width="wrap_content"

  android:layout_height="wrap_content"

  android:layout_marginLeft="10dp"

  android:background="@drawable/shape_red10"

  android:paddingLeft="15dp"

  android:paddingTop="5dp"

  android:paddingRight="15dp"

  android:paddingBottom="5dp"

  android:text="结算"

  android:textColor="#fff"

  android:textSize="18sp" />

  

  

  android:id="@+id/tv_del"

  android:layout_width="wrap_content"

  android:layout_height="wrap_content"

  android:background="@drawable/shape_stroke_red15"

  android:paddingLeft="15dp"

  android:paddingTop="5dp"

  android:paddingRight="15dp"

  android:paddingBottom="5dp"

  android:text="删除"

  android:textColor="#DA3527"

  android:textSize="18sp"

  android:visibility="gone" />

  

  

  Java代码

  public class ShoppingCarActivity extends MyActivity implements StatusAction {

  @BindView(R.id.titleBar)

  TitleBar titleBar;

  @BindView(R.id.rv)

  RecyclerView rv;

  @BindView(R.id.hintLayout)

  HintLayout hintLayout;

  @BindView(R.id.ll_bottom)

  LinearLayout ll_bottom;

  @BindView(R.id.ll)

  LinearLayout ll;

  @BindView(R.id.tv_total_price)

  TextView tv_total_price;

  @BindView(R.id.tv_del)

  TextView tv_del;

  @BindView(R.id.cb_all)

  CheckBox cb_all;

  @BindView(R.id.smartRefreshLayout)

  SmartRefreshLayout smartRefreshLayout;

  private ShoppingCarAdapter shoppingCarAdapter;

  private int total_page, page = 1;

  @Override

  protected int getLayoutId() {

  return R.layout.activity_shopping_car;

  }

  @Override

  protected void initView() {

  setOnClickListener(R.id.tv_buy, R.id.tv_del);

  }

  @Override

  protected void initData() {

  EventBus.getDefault().register(this);

  //网络请求 获取购物车数据

  getCarData();

  LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this, RecyclerView.VERTICAL, false);

  rv.setLayoutManager(linearLayoutManager);

  shoppingCarAdapter = new ShoppingCarAdapter(this);

  //商品选中价格改变回调

  shoppingCarAdapter.setOnPriceChangeListener(new ShoppingCarAdapter.OnPriceChangeListener() {

  @Override

  public void onClick(boolean allSelect, String totalPrice) {

  cb_all.setChecked(allSelect);

  tv_total_price.setText("¥" + totalPrice);

  }

  });

  rv.setAdapter(shoppingCarAdapter);

  //全选 反选

  cb_all.setOnClickListener(new View.OnClickListener() {

  @Override

  public void onClick(View view) {

  if (shoppingCarAdapter != null && shoppingCarAdapter.getData() != null) {

  for (int i = 0; i < shoppingCarAdapter.getData().size(); i++) {

  shoppingCarAdapter.getData().get(i).setSelect(cb_all.isChecked());

  for (int j = 0; j < shoppingCarAdapter.getData().get(i).getItem_data().size(); j++) {

  shoppingCarAdapter.getData().get(i).getItem_data().get(j).setSelect(cb_all.isChecked());

  }

  }

  shoppingCarAdapter.notifyDataSetChanged();

  shoppingCarAdapter.calculatePrice();

  }

  }

  });

  smartRefreshLayout.setOnRefreshListener(new OnRefreshListener() {

  @Override

  public void onRefresh(@NonNull RefreshLayout refreshLayout) {

  page = 1;

  getCarData();

  refreshLayout.finishRefresh();

  }

  }).setOnLoadMoreListener(new OnLoadMoreListener() {

  @Override

  public void onLoadMore(@NonNull RefreshLayout refreshLayout) {

  if (page <= total_page) {

  getCarData();

  }

  refreshLayout.finishLoadMore();

  }

  });

  }

  @Subscribe(threadMode = ThreadMode.MAIN)

  public void onGetMessage(MessageWrap message) {

  if (message.message.equals("refresh_car")) {

  getCarData();

  }

  }

  @Override

  public void onDestroy() {

  super.onDestroy();

  EventBus.getDefault().unregister(this);

  }

  @Override

  public void onRightClick(View v) {

  if (titleBar.getRightTitle().equals("管理")) {

  titleBar.setRightTitle("完成");

  ll.setVisibility(View.GONE);

  tv_del.setVisibility(View.VISIBLE);

  } else if (titleBar.getRightTitle().equals("完成")) {

  titleBar.setRightTitle("管理");

  ll.setVisibility(View.VISIBLE);

  tv_del.setVisibility(View.GONE);

  }

  }

  @SingleClick

  @Override

  public void onClick(View v) {

  switch (v.getId()) {

  //点击结算

  case R.id.tv_buy:

  if (shoppingCarAdapter != null && shoppingCarAdapter.getData() != null) {

  JSONArray ja = new JSONArray();

  for (ShoppingCarBean shoppingCarBean : shoppingCarAdapter.getData()) {

  JSONArray array = new JSONArray();

  JSONObject object = null;

  for (ShoppingCarBean.ItemDataBean itemDataBean : shoppingCarBean.getItem_data())

  if (itemDataBean.isSelect()) {

  object = new JSONObject();

  if (StringUtils.isNotNullOrEmpty(shoppingCarBean.getShop().getShop_id()))

  object.put("shop_id", shoppingCarBean.getShop().getShop_id());

  else

  object.put("shop_id", 1);

  JSONObject object1 = new JSONObject();

  object1.put("item_id", itemDataBean.getItem_id());

  object1.put("count", itemDataBean.getCount());

  object1.put("cart_id", itemDataBean.getCart_id());

  object1.put("sku_id", itemDataBean.getSku_id());

  array.add(object1);

  object.put("items", array);

  }

  if (object != null)

  ja.add(object);

  }

  // Log.i("logger", "onClick: " + JSONObject.toJSONString(ja));

  if (ja != null && ja.size() > 0) {

  //提交

  confirmOrder(ja);

  } else

  toast("请选择商品");

  }

  break;

  case R.id.tv_del:

  if (shoppingCarAdapter != null && shoppingCarAdapter.getData() != null) {

  List list = new ArrayList<>();

  for (ShoppingCarBean shoppingCarBean : shoppingCarAdapter.getData()) {

  for (ShoppingCarBean.ItemDataBean itemDataBean : shoppingCarBean.getItem_data())

  if (itemDataBean.isSelect()) {

  list.add(itemDataBean.getCart_id());

  }

  }

  delCart(list);

  }

  break;

  }

  }

  @Override

  public HintLayout getHintLayout() {

  return hintLayout;

  }

  }

  adapter代码

  public final class ShoppingCarAdapter extends MyAdapter {

  public ShoppingCarAdapter(Context context) {

  super(context);

  }

  @NonNull

  @Override

  public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {

  return new ViewHolder();

  }

  final class ViewHolder extends MyAdapter.ViewHolder {

  @BindView(R.id.cb)

  CheckBox cb;

  @BindView(R.id.iv_shopicon)

  ImageView iv_shopicon;

  @BindView(R.id.tv_shopname)

  TextView tv_shopname;

  @BindView(R.id.ll)

  LinearLayout linearLayout;

  ViewHolder() {

  super(R.layout.item_car);

  }

  @Override

  public void onBindView(int position) {

  ShoppingCarBean bean = getItem(position);

  tv_shopname.setText(bean.getShop().getShop_name());

  cb.setChecked(bean.isSelect());

  //每次添加前先移除所有布局

  linearLayout.removeAllViews();

  if (bean.getItem_data() != null) {

  //动态添加商品列表

  for (int i = 0; i < bean.getItem_data().size(); i++) {

  View view = LayoutInflater.from(getContext()).inflate(R.layout.layout_item_car, null);

  CheckBox c_cb = view.findViewById(R.id.cb);

  ImageView iv_cover = view.findViewById(R.id.iv);

  TextView tv_title = view.findViewById(R.id.tv_title);

  TextView tv_guige = view.findViewById(R.id.tv_guige);

  TextView tv_price = view.findViewById(R.id.tv_price);

  TextView tv_count = view.findViewById(R.id.tv_count);

  TextView tv_des = view.findViewById(R.id.tv_des);

  TextView tv_add = view.findViewById(R.id.tv_add);

  tv_title.setText(bean.getItem_data().get(i).getTitle());

  tv_price.setText("¥" + bean.getItem_data().get(i).getZk_price());

  tv_count.setText("" + bean.getItem_data().get(i).getCount());

  tv_guige.setText(bean.getItem_data().get(i).getSku());

  Glide.with(getContext()).load(bean.getItem_data().get(i).getPic())

  .transform(new RoundedCorners((int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 5, getContext().getResources().getDisplayMetrics())))

  .into(iv_cover);

  if (bean.isSelect()) {

  c_cb.setChecked(true);

  } else {

  c_cb.setChecked(bean.getItem_data().get(i).isSelect());

  }

  int finalI = i;

  tv_des.setOnClickListener(new View.OnClickListener() {

  @Override

  public void onClick(View view) {

  if (bean.getItem_data().get(finalI).getCount() > 1) {

  bean.getItem_data().get(finalI).setCount(bean.getItem_data().get(finalI).getCount()-1);

  tv_count.setText(bean.getItem_data().get(finalI).getCount()+"");

  calculatePrice();

  } else

  ToastUtils.show("不能再少了哦~");

  }

  });

  tv_add.setOnClickListener(new View.OnClickListener() {

  @Override

  public void onClick(View view) {

  bean.getItem_data().get(finalI).setCount(bean.getItem_data().get(finalI).getCount()+1);

  tv_count.setText(bean.getItem_data().get(finalI).getCount()+"");

  calculatePrice(); }

  });

  c_cb.setOnClickListener(new View.OnClickListener() {

  @Override

  public void onClick(View view) {

  boolean select = true;

  bean.getItem_data().get(finalI).setSelect(c_cb.isChecked());

  for (int j = 0; j < bean.getItem_data().size(); j++) {

  if (bean.getItem_data().get(j).isSelect() == false) {

  select = false;

  break;

  }

  }

  bean.setSelect(select);

  notifyDataSetChanged();

  calculatePrice();

  }

  });

  view.setOnClickListener(new View.OnClickListener() {

  @Override

  public void onClick(View view) {

  Intent intent = new Intent(getContext(), ShoppingDetailActivity.class);

  intent.putExtra("item_id", bean.getItem_data().get(finalI).getItem_id());

  startActivity(intent);

  }

  });

  linearLayout.addView(view);

  }

  }

  cb.setOnClickListener(new View.OnClickListener() {

  @Override

  public void onClick(View view) {

  bean.setSelect(cb.isChecked());

  for (int j = 0; j < bean.getItem_data().size(); j++) {

  bean.getItem_data().get(j).setSelect(cb.isChecked());

  }

  notifyDataSetChanged();

  calculatePrice();

  }

  });

  }

  }

  public interface OnPriceChangeListener {

  void onClick(boolean allSelect, String totalPrice);

  }

  private OnPriceChangeListener onPriceChangeListener;

  public void setOnPriceChangeListener(OnPriceChangeListener onPriceChangeListener) {

  this.onPriceChangeListener = onPriceChangeListener;

  }

  public void calculatePrice() {

  if (onPriceChangeListener != null) {

  BigDecimal total = new BigDecimal("0.00");

  boolean allSelect = true;

  List list = getData();

  for (int i = 0; i < getItemCount(); i++) {

  if (list.get(i).isSelect() == false)

  allSelect = false;

  for (int j = 0; j < list.get(i).getItem_data().size(); j++) {

  if (list.get(i).getItem_data().get(j).isSelect()) {

  BigDecimal multiply = new BigDecimal(list.get(i).getItem_data().get(j).getZk_price()).multiply(new BigDecimal(list.get(i).getItem_data().get(j).getCount()));

  BigDecimal price = new BigDecimal(multiply + "");

  total = total.add(price);

  }

  }

  }

  onPriceChangeListener.onClick(allSelect, total + "");

  }

  }

  }

  RecyclerView条目布局item_car

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

  

  android:layout_width="match_parent"

  android:layout_height="wrap_content"

  android:layout_marginLeft="15dp"

  android:layout_marginTop="10dp"

  android:layout_marginRight="15dp"

  android:background="@drawable/shape_white5"

  android:orientation="vertical"

  android:paddingLeft="10dp"

  android:paddingTop="15dp"

  android:paddingRight="15dp"

  android:paddingBottom="20dp">

  

  android:layout_width="match_parent"

  android:layout_height="wrap_content"

  android:gravity="center_vertical">

  

  android:id="@+id/cb"

  android:layout_width="wrap_content"

  android:layout_height="wrap_content"

  android:button="@drawable/selector_checkbox_green" />

  

  android:id="@+id/iv_shopicon"

  android:layout_width="25dp"

  android:layout_height="25dp"

  android:layout_marginLeft="10dp" />

  

  android:id="@+id/tv_shopname"

  android:layout_width="wrap_content"

  android:layout_height="wrap_content"

  android:layout_marginLeft="10dp"

  android:textColor="#333"

  android:textSize="15sp"

  android:textStyle="bold" />

  

  

  android:id="@+id/ll"

  android:layout_width="match_parent"

  android:layout_height="wrap_content"

  android:orientation="vertical">

  

  

  商品条目布局layout_item_car

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

  

  android:layout_width="match_parent"

  android:layout_height="wrap_content"

  android:paddingTop="10dp"

  android:paddingBottom="5dp">

  

  android:id="@+id/cb"

  android:layout_width="wrap_content"

  android:layout_height="wrap_content"

  android:layout_centerVertical="true"

  android:button="@drawable/selector_checkbox_green" />

  

  android:id="@+id/iv"

  android:layout_width="75dp"

  android:layout_height="75dp"

  android:layout_centerVertical="true"

  android:layout_marginLeft="8dp"

  android:layout_toRightOf="@id/cb" />

  

  android:id="@+id/tv_title"

  android:layout_width="wrap_content"

  android:layout_height="wrap_content"

  android:layout_marginLeft="10dp"

  android:layout_toRightOf="@id/iv"

  android:ellipsize="end"

  android:maxLines="2"

  android:textColor="#333"

  android:textSize="15sp" />

  

  android:id="@+id/tv_guige"

  android:layout_width="wrap_content"

  android:layout_height="wrap_content"

  android:layout_below="@id/tv_title"

  android:layout_marginLeft="10dp"

  android:layout_marginTop="3dp"

  android:layout_toRightOf="@id/iv"

  android:background="@drawable/shape_gray5"

  android:paddingLeft="3dp"

  android:paddingRight="3dp"

  android:textColor="#C1C1C1"

  android:textSize="10sp" />

  

  android:id="@+id/tv_price"

  android:layout_width="wrap_content"

  android:layout_height="wrap_content"

  android:layout_below="@id/tv_guige"

  android:layout_marginLeft="10dp"

  android:layout_marginTop="8dp"

  android:layout_toRightOf="@id/iv"

  android:textColor="#DA3527"

  android:textSize="18sp" />

  

  android:layout_width="wrap_content"

  android:layout_height="25dp"

  android:layout_below="@id/tv_guige"

  android:layout_alignParentRight="true"

  android:layout_marginTop="8dp"

  android:layout_marginBottom="5dp"

  android:background="@drawable/stroke_gray2">

  

  android:id="@+id/tv_des"

  android:layout_width="25dp"

  android:layout_height="match_parent"

  android:gravity="center"

  android:text="-"

  android:textColor="#cccccc" />

  

  android:layout_width="0.5dp"

  android:layout_height="match_parent"

  android:background="#cccccc" />

  

  android:id="@+id/tv_count"

  android:layout_width="30dp"

  android:layout_height="match_parent"

  android:gravity="center" />

  

  android:layout_width="0.5dp"

  android:layout_height="match_parent"

  android:background="#cccccc" />

  

  android:id="@+id/tv_add"

  android:layout_width="25dp"

  android:layout_height="match_parent"

  android:gravity="center"

  android:text="+"

  android:textColor="#cccccc" />

  

  

  以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

  您可能感兴趣的文章: