Detailed explanation of the whole page logic of shopping cart realized by Android

  • 2021-10-24 23:50:42
  • OfStack

This article explains the whole page logic of Android shopping cart for your reference, the specific contents are as follows

MainActivity.java


public class MainActivity extends AppCompatActivity implements View.OnClickListener{

  String url = "http://www.zhaoapi.cn/product/getCarts";
  private ExpandableListView el_cart;
  private CheckBox cb_cart_all_select;
  private TextView tv_cart_total_price;
  private Button btn_cart_pay;
  MyAdapter adapter;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    initView();
    initData();
  }

  private void initData() {

    HashMap<String, String> map = new HashMap<>();
    map.put("uid","71");
    OkhtttpUtils.getInstance().doPost(url, map, new OkhtttpUtils.OkCallback() {
      @Override
      public void onFailure(Exception e) {

      }

      @Override
      public void onResponse(String json) {

        CartInfo cartInfo = new Gson().fromJson(json, CartInfo.class);
        if ("0".equals(cartInfo.getCode())){
          List<CartInfo.DataBean> data = cartInfo.getData();
          adapter = new MyAdapter(data);
          el_cart.setAdapter(adapter);

          // Unfold 2 Level list 
          for(int x=0; x<data.size(); x++){
            el_cart.expandGroup(x);
          }

          adapter.setOnCartListChangeListener(new MyAdapter.onCartListChangeListener() {
            @Override
            public void onSellerCheckedChange(int i) {

              // Merchants are clicked 
              boolean currentSellerAllProductSelected = adapter.isCurrentSellerAllProductSelected(i);
              adapter.changeCurrentSellerAllProductsStatus(i, !currentSellerAllProductSelected);
              adapter.notifyDataSetChanged();
              //B. Refresh bottom data 
              refreshSelectedAndTotalPriceAndTotalNumber();
            }

            @Override
            public void onProductCheckedChange(int i, int i1) {

              // Click on the merchandise checkbox
              adapter.changeCurrentProductStatus(i,i1);
              adapter.notifyDataSetChanged();
              //B. Refresh bottom data 
              refreshSelectedAndTotalPriceAndTotalNumber();
            }

            @Override
            public void onProducNumberChange(int i, int i1, int number) {

              // When addition and subtraction are clicked 
              adapter.changeCurrentProductNumber(i,i1,number);
              adapter.notifyDataSetChanged();
              //B. Refresh bottom data 
              refreshSelectedAndTotalPriceAndTotalNumber();
            }
          });
        }
      }
    });
  }

  //B. Refresh checkbox Status and total price and total quantity 
  private void refreshSelectedAndTotalPriceAndTotalNumber() {
    // To determine if all items are selected 
    boolean allProductsSelected = adapter.isAllProductsSelected();
    // Set to select all checkBox
    cb_cart_all_select.setChecked(allProductsSelected);

    // Calculate the total price 
    float totalPrice = adapter.calculateTotalPrice();
    tv_cart_total_price.setText(" Total price  " + totalPrice);

    // Calculate the total quantity 
    int totalNumber = adapter.calculateTotalNumber();
    btn_cart_pay.setText(" To settle accounts (" + totalNumber + ")");
  }

  // Initialized operation 
  private void initView() {
    el_cart = (ExpandableListView) findViewById(R.id.el_cart);
    cb_cart_all_select = (CheckBox) findViewById(R.id.cb_cart_all_select);
    tv_cart_total_price = (TextView) findViewById(R.id.tv_cart_total_price);
    btn_cart_pay = (Button) findViewById(R.id.btn_cart_pay);

    cb_cart_all_select.setOnClickListener(this);
  }

  @Override
  public void onClick(View view) {

    switch (view.getId()){
      case R.id.cb_cart_all_select:

        // All button at the bottom 
        // At that time, all the goods were selected 
        boolean allProductsSelected = adapter.isAllProductsSelected();
        adapter.changeAllProductStatus(!allProductsSelected);
        adapter.notifyDataSetChanged();
        // Refresh bottom data 
        refreshSelectedAndTotalPriceAndTotalNumber();
        break;
    }
  }
}

MyAdapter.java


public class MyAdapter extends BaseExpandableListAdapter{

  private List<CartInfo.DataBean> list;
  public MyAdapter(List<CartInfo.DataBean> data) {
    list=data;
  }

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

  @Override
  public int getChildrenCount(int i) {
    return list.get(i).getList()==null ? 0 :list.get(i).getList().size();
  }

  @Override
  public View getGroupView(final int i, boolean b, View view, ViewGroup viewGroup) {

    // Get it first Bean The data of the inner group , Look hiJson
    CartInfo.DataBean dataBean = list.get(i);
    ParentViewHolder parentViewHolder;
    if (view == null) {
      view = View.inflate(viewGroup.getContext(), R.layout.item_cart_parent, null);
      parentViewHolder = new ParentViewHolder(view);
      view.setTag(parentViewHolder);
    } else {
      parentViewHolder = (ParentViewHolder) view.getTag();
    }
    parentViewHolder.seller_name_tv.setText(dataBean.getSellerName());

    boolean currentSellerAllProductSelected = isCurrentSellerAllProductSelected(i);
    parentViewHolder.seller_cb.setChecked(currentSellerAllProductSelected);

    //D. Set click CheckBox
    parentViewHolder.seller_cb.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        if (mOnCartListChangeListener !=null){
          mOnCartListChangeListener.onSellerCheckedChange(i);
        }
      }
    });
    return view;
  }


  @Override
  public View getChildView(final int i, final int i1, boolean b, View view, ViewGroup viewGroup) {

    CartInfo.DataBean dataBean = list.get(i);
    List<CartInfo.DataBean.ListBean> list1 = dataBean.getList();
    CartInfo.DataBean.ListBean listBean = list1.get(i1);
    ChildViewHolder childViewHolder;


    if (view == null) {
      view = View.inflate(viewGroup.getContext(), R.layout.item_cart_child, null);
      childViewHolder = new ChildViewHolder(view);
      view.setTag(childViewHolder);
    } else {
      childViewHolder=(ChildViewHolder)view.getTag();
    }
    // Set the product name 
    childViewHolder.product_title_name_tv.setText(listBean.getTitle());
    // Set the unit price of goods 
    childViewHolder.product_price_tv.setText(listBean.getPrice()+"");
    // Set whether the check box is selected 
    childViewHolder.child_cb.setChecked(listBean.getSelected() == 1);

    // Set the quantity inside the combined custom control 
    childViewHolder.add_remove_view.setNumber(listBean.getNum());

    //D. Set up merchandise CheckBox Click event of , Callback via interface , Expose to the outside 
    childViewHolder.child_cb.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        if (mOnCartListChangeListener != null){
          mOnCartListChangeListener.onProductCheckedChange(i,i1);
        }
      }
    });

    //D. Click event to set the quantity of goods , Callback via interface , Expose to the outside 
    childViewHolder.add_remove_view.setOnNumberChangeListener(new AddSubView.OnNumberChangeListener() {
      @Override
      public void onNumberChange(int num) {
        if (mOnCartListChangeListener !=null){
          mOnCartListChangeListener.onProducNumberChange(i,i1,num);
        }
      }
    });
    return view;
  }

  public boolean isCurrentSellerAllProductSelected(int i){// Change merchants according to goods -- If all items are selected, merchants are selected -- Have 1 If the item is not selected, the merchant is not selected 
    CartInfo.DataBean dataBean = list.get(i);
    List<CartInfo.DataBean.ListBean> beans = dataBean.getList();
    for (CartInfo.DataBean.ListBean bean : beans){

      if (bean.getSelected()==0){
        return false;
      }

    }
        return true;
  }

  public boolean isAllProductsSelected(){ // Change all selections according to goods -- Select if all items are selected -- Have 1 If the items are not selected, all items will be selected 
    for (int x=0;x<list.size();x++){
      CartInfo.DataBean dataBean = list.get(x);
      List<CartInfo.DataBean.ListBean> list1 = dataBean.getList();
      for (int j=0;j<list1.size();j++){
        if (list1.get(j).getSelected()==0){
          return false;
        }
      }
    }
    return true;
  }

  public int calculateTotalNumber(){ // Calculate the total quantity 
    int totalNumber=0;
    for (int i=0;i<list.size();i++){
      CartInfo.DataBean dataBean = list.get(i);
      List<CartInfo.DataBean.ListBean> list1 = dataBean.getList();
      for (int j=0;j<list1.size();j++){
        if (list1.get(j).getSelected()==1){
          int num = list1.get(j).getNum();

          totalNumber+=num;
        }
      }
    }

    return totalNumber;
  }


  public float calculateTotalPrice(){ // Get the total price 
    float totalPrice=0;
    for (int i=0;i<list.size();i++){
      CartInfo.DataBean dataBean = list.get(i);
      List<CartInfo.DataBean.ListBean> list = dataBean.getList();
      for (int j=0;j<list.size();j++){
        if (list.get(j).getSelected()==1){
          float price = list.get(j).getPrice();
          int num = list.get(j).getNum();
          totalPrice+=price*num;
        }
      }
    }
    return totalPrice;
  }
  //C. When the all check box of the product group is clicked, , Update the status of all items 
  public void changeCurrentSellerAllProductsStatus(int i,boolean isSelected){

    CartInfo.DataBean dataBean = list.get(i);
    List<CartInfo.DataBean.ListBean> beans = dataBean.getList();
    for (int j=0;j<beans.size();j++){
      CartInfo.DataBean.ListBean bean = beans.get(j);
      bean.setSelected(isSelected ?1 :0);
    }
  }

  //C. When the all check box of the merchant sub-entry is selected, , Update its status 
  public void changeCurrentProductStatus(int i , int i1){
    CartInfo.DataBean dataBean = list.get(i);
    List<CartInfo.DataBean.ListBean> list = dataBean.getList();
    CartInfo.DataBean.ListBean listBean = list.get(i1);
    listBean.setSelected(listBean.getSelected() == 0 ? 1 : 0 );

  }
  //C. Set the status of all items 
  public void changeAllProductStatus(boolean selected){
    for(int x=0; x<list.size() ; x++){
      CartInfo.DataBean dataBean = list.get(x);
      List<CartInfo.DataBean.ListBean> list = dataBean.getList();
      for(int j=0; j<list.size(); j++){
        list.get(j).setSelected(selected ? 1 : 0);
      }
    }
  }

  //C. When the adder and subtractor is clicked , Call , Change the current quantity of goods inside   Parameter 1 Locate that merchant    Parameter 2 Which product to locate   Parameter 3 What is the specific number of positioning changes 
  public void changeCurrentProductNumber(int i,int i1,int number){
    CartInfo.DataBean dataBean = list.get(i);
    List<CartInfo.DataBean.ListBean> list = dataBean.getList();
    CartInfo.DataBean.ListBean listBean = list.get(i1);
    listBean.setNum(number);
  }

  public interface onCartListChangeListener{
    /**
     *  When a merchant checkBox Callback on click 
     */
    void onSellerCheckedChange(int i);

    /**
     *  When clicking on the sub-item item's CheckBox Callback 
     */
    void onProductCheckedChange(int i ,int i1);

    /**
     *  Callback when clicking the Add and Subtract button 
     */
    void onProducNumberChange(int i , int i1 , int number);

  }
  //D.
  onCartListChangeListener mOnCartListChangeListener;
  //D.
  public void setOnCartListChangeListener(onCartListChangeListener onCartListChangeListener){
    mOnCartListChangeListener = onCartListChangeListener ;
  }

  public static class ParentViewHolder {
    public CheckBox seller_cb;
    public TextView seller_name_tv;

    public ParentViewHolder(View rootView) {
      this.seller_cb = (CheckBox) rootView.findViewById(R.id.seller_cb);
      this.seller_name_tv = (TextView) rootView.findViewById(R.id.seller_name_tv);
    }
  }

  public static class ChildViewHolder {
    public CheckBox child_cb;
    public ImageView product_icon_iv;
    public TextView product_title_name_tv;
    public TextView product_price_tv;
    public AddSubView add_remove_view;

    public ChildViewHolder(View rootView) {
      this.child_cb = (CheckBox) rootView.findViewById(R.id.child_cb);
      this.product_icon_iv = (ImageView) rootView.findViewById(R.id.product_icon_iv);
      this.product_title_name_tv = (TextView) rootView.findViewById(R.id.product_title_name_tv);
      this.product_price_tv = (TextView) rootView.findViewById(R.id.product_price_tv);
      this.add_remove_view = (AddSubView) rootView.findViewById(R.id.add_remove_view);
    }
  }

  @Override
  public Object getGroup(int i) {
    return null;
  }

  @Override
  public Object getChild(int i, int i1) {
    return null;
  }

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

  @Override
  public long getChildId(int i, int i1) {
    return 0;
  }

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


  @Override
  public boolean isChildSelectable(int i, int i1) {
    return false;
  }
}

activity_main.xml


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

  <ExpandableListView
    android:id="@+id/el_cart"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginBottom="60dp" />

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:layout_alignParentBottom="true"
    android:background="#eeeeee"
    android:gravity="center_vertical">

    <CheckBox
      android:id="@+id/cb_cart_all_select"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content" />

    <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text=" All selection " />

    <TextView
      android:id="@+id/tv_cart_total_price"
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:layout_weight="1"
      android:paddingLeft="20dp"
      android:text=" Total :¥0.00" />

    <Button
      android:id="@+id/btn_cart_pay"
      android:layout_width="100dp"
      android:layout_height="match_parent"
      android:text=" To settle accounts (0)" />
  </LinearLayout>

</RelativeLayout>

AddSubView.java


public class AddSubView extends LinearLayout implements View.OnClickListener{  // Combined control 
  private int number = 1;
  private TextView sub_tv;
  private TextView product_number_tv;
  private TextView add_tv;

  public AddSubView(Context context) {
    this(context,null);
  }

  public AddSubView(Context context, @Nullable AttributeSet attrs) {
    this(context, attrs,0);
  }

  public AddSubView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);

    View view = inflate(context, R.layout.add_remove, this);

    sub_tv=view.findViewById(R.id.sub_tv);
    product_number_tv=view.findViewById(R.id.product_number_tv);
    add_tv=view.findViewById(R.id.add_tv);


    sub_tv.setOnClickListener(this);
    add_tv.setOnClickListener(this);
  }

  @Override
  public void onClick(View view) {
    switch (view.getId()){

      case R.id.sub_tv:

        if (number>1){
          --number;
          product_number_tv.setText(number+"");
          if (onNumberChangeListener!=null){
            onNumberChangeListener.onNumberChange(number);
          }
        }else {
          Toast.makeText(getContext(), " Can't be less ", Toast.LENGTH_SHORT).show();
        }
        break;

      case R.id.add_tv:

        if (number<8){
          ++number;
          product_number_tv.setText(number+"");
          if (onNumberChangeListener!=null){
            onNumberChangeListener.onNumberChange(number);
          }
        }else {
          Toast.makeText(getContext(), " No more ", Toast.LENGTH_SHORT).show();
        }
        break;
    }
  }

  public int getNumber() {
    return number;
  }

  public void setNumber(int number) {
    this.number = number;
    product_number_tv.setText(number + "");
  }

  OnNumberChangeListener onNumberChangeListener;

  public void setOnNumberChangeListener(OnNumberChangeListener onNumberChangeListener) {
    this.onNumberChangeListener = onNumberChangeListener;
  }

  interface OnNumberChangeListener {
    void onNumberChange(int num);
  }
}

add_remove.xml


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:padding="2dp"
  android:layout_marginLeft="10dp"
  android:layout_width="60dp"
  android:layout_height="30dp"
  android:layout_gravity="center_vertical"
  android:background="#99000000"
  android:gravity="center_vertical">

  <TextView
    android:background="#ffffff"
    android:layout_weight="1"
    android:id="@+id/sub_tv"
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:gravity="center"
    android:text="-"
    android:textSize="16sp" />

  <TextView
    android:text="1"
    android:layout_marginLeft="2dp"
    android:background="#ffffff"
    android:layout_weight="1"
    android:id="@+id/product_number_tv"
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:gravity="center"
    />

  <TextView
    android:layout_marginLeft="2dp"
    android:background="#ffffff"
    android:layout_weight="1"
    android:id="@+id/add_tv"
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:gravity="center"
    android:text="+"
    android:textSize="16sp" />

</LinearLayout>

item_cart_parent.xml


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"   // Merchant entry 
  android:layout_width="match_parent"
  android:layout_height="60dp"
  android:gravity="center_vertical"
  >


  <CheckBox
    android:id="@+id/seller_cb"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

  <TextView
    android:id="@+id/seller_name_tv"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="20dp" />
</LinearLayout>

item_cart_child.xml


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="120dp"
  android:gravity="center_vertical">

  <CheckBox
    android:id="@+id/child_cb"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

  <ImageView
    android:id="@+id/product_icon_iv"
    android:layout_width="80dp"
    android:layout_height="80dp"
    android:layout_marginLeft="20dp"
    android:scaleType="centerCrop"
    android:src="@color/colorPrimary" />

  <LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:orientation="vertical">

    <TextView
      android:id="@+id/product_title_name_tv"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:ellipsize="end"
      android:maxLines="2"
      android:text=" Commodity title " />

    <TextView
      android:id="@+id/product_price_tv"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_marginTop="10dp"
      android:text="¥0.0" />
  </LinearLayout>

  <fanruiqi.bwie.com.shopcat.AddSubView
    android:id="@+id/add_remove_view"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginRight="10dp" />
</LinearLayout>

OkHttpUtils.java


public class OkhtttpUtils {
  private static OkhtttpUtils mOkhtttpUtils;
  private OkHttpClient mOkHttpClien;
  private final Handler mHandler;

  private OkhtttpUtils() {

    // Create 1 Of a main thread handler
    mHandler = new Handler(Looper.getMainLooper());
    mOkHttpClien = new OkHttpClient.Builder()
        .connectTimeout(5000, TimeUnit.MILLISECONDS)
        .readTimeout(5000, TimeUnit.MILLISECONDS)
        .writeTimeout(5000, TimeUnit.MILLISECONDS)
        .build();
  }

  // Singleton pattern 
  public static OkhtttpUtils getInstance() {
    if (mOkhtttpUtils == null) {
      synchronized (OkhtttpUtils.class) {
        if (mOkhtttpUtils == null) {
          return mOkhtttpUtils = new OkhtttpUtils();
        }
      }
    }
    return mOkhtttpUtils;
  }

  public interface OkCallback {
    void onFailure(Exception e);
    void onResponse(String json);
  }


  public void doPost(String url, Map<String, String> map, final OkCallback okCallback) {
    // Create FormBody Object of , Add the form to the formBody Medium 
    FormBody.Builder builder = new FormBody.Builder();
    if (map != null) {
      for (String key : map.keySet()) {
        builder.add(key, map.get(key));
      }
    }
    FormBody formBody = builder.build();

    // Create Request Object 
    Request request = new Request.Builder()
        .post(formBody)
        .url(url)
        .build();
    // Create Call Object 
    final Call call = mOkHttpClien.newCall(request);
    call.enqueue(new Callback() {
      @Override
      public void onFailure(Call call, final IOException e) {
        if (okCallback != null) {
          // Switch to the main thread 
          mHandler.post(new Runnable() {
            @Override
            public void run() {
              okCallback.onFailure(e);
            }
          });
        }
      }
      @Override
      public void onResponse(Call call, final Response response) throws IOException {
        try {
          if (response != null && response.isSuccessful()) {
            final String json = response.body().string();
            mHandler.post(new Runnable() {
              @Override
              public void run() {
                if (okCallback != null) {
                  okCallback.onResponse(json);
                  return;
                }
              }
            });
          }
        } catch (IOException e) {
          e.printStackTrace();
        }
        if (okCallback != null) {
          okCallback.onFailure(new Exception(" Network anomaly "));
        }
      }
    });
  }




  // Encapsulation doGet Network request of 
  public void doGet(String url, final OkCallback okCallback) {
    Request request = new Request.Builder()
        .get()
        .url(url)
        .build();

    final Call call = mOkHttpClien.newCall(request);
    call.enqueue(new Callback() {
      @Override
      public void onFailure(Call call, final IOException e) {
        if (okCallback != null) {
          // Switch to the main thread 
          mHandler.post(new Runnable() {
            @Override
            public void run() {
              okCallback.onFailure(e);
            }
          });
        }
      }

      @Override
      public void onResponse(Call call, final Response response) throws IOException {

        try {
          if (response != null && response.isSuccessful()) {
            final String json = response.body().string();
            mHandler.post(new Runnable() {
              @Override
              public void run() {
                if (okCallback != null) {
                  okCallback.onResponse(json);
                  return;
                }

              }
            });
          }
        } catch (IOException e) {
          e.printStackTrace();
        }

      }
    });
  }

}

Related articles: