Android实现简单购物车功能

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

MainActivity布局:

<?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:orientation="vertical" >

  <LinearLayout
    android:id="@+id/top_bar"
    android:layout_width="match_parent"
    android:layout_height="48dp"
    android:background="#E24146"
    android:orientation="vertical" >
    <TextView
      android:id="@+id/title"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:gravity="center"
      android:minHeight="48dp"
      android:text="购物车"
      android:textColor="#ffffff"
      android:textSize="17sp" />
  </LinearLayout>

  <ListView
    android:id="@+id/listview"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:childIndicator="@null"
    android:groupIndicator="@null" >
  </ListView>

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:orientation="horizontal" >

    <LinearLayout
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="2.5"
      android:gravity="center_vertical"
      android:orientation="horizontal" >

      <CheckBox
        android:id="@+id/all_chekbox"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="4dp"
        android:button="@drawable/check_box_bg"
        android:checkMark="?android:attr/listChoiceIndicatorMultiple"
        android:gravity="center"
        android:minHeight="64dp"
        android:paddingLeft="10dp"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:visibility="visible" />

      <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="5dp"
        android:text="合计:"
        android:textSize="16sp"
        android:textStyle="bold" />

      <TextView
        android:id="@+id/tv_total_price"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="¥0.00"
        android:textColor="@color/purple"
        android:textSize="16sp"
        android:textStyle="bold" />
    </LinearLayout>

    <TextView
      android:id="@+id/tv_delete"
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="1"
      android:background="@color/orange"
      android:clickable="true"
      android:gravity="center"
      android:text="删除"
      android:textColor="#FAFAFA" />

    <TextView
      android:id="@+id/tv_go_to_pay"
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="1"
      android:background="#E24146"
      android:clickable="true"
      android:gravity="center"
      android:text="付款(0)"
      android:textColor="#FAFAFA" />
  </LinearLayout>

</LinearLayout>
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.CheckBox;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.Iterator;
import java.util.List;
import java.util.Map;
import java.util.Random;

public class MainActivity extends AppCompatActivity implements CartAdapter.RefreshPriceInterface ,View.OnClickListener{

  private ListView listView;
  private CheckBox cb_check_all;
  private TextView tv_total_price;
  private TextView tv_delete;
  private TextView tv_go_to_pay;

  private CartAdapter adapter;

  private double totalPrice = 0.00;
  private int totalCount = 0;
  private List<HashMap<String,String>> goodsList;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    initDate();
  }

  //控制价格展示
  private void priceControl(Map<String, Integer> pitchOnMap){
    totalCount = 0;
    totalPrice = 0.00;
    for(int i=0;i<goodsList.size();i++){
      if(pitchOnMap.get(goodsList.get(i).get("id"))==1){
        totalCount=totalCount+Integer.valueOf(goodsList.get(i).get("count"));
        double goodsPrice=Integer.valueOf(goodsList.get(i).get("count"))*Double.valueOf(goodsList.get(i).get("price"));
        totalPrice=totalPrice+goodsPrice;
      }
    }
    tv_total_price.setText("¥ "+totalPrice);
    tv_go_to_pay.setText("付款("+totalCount+")");
  }

  @Override
  public void refreshPrice(Map<String, Integer> pitchOnMap) {
    priceControl(pitchOnMap);
  }

  @Override
  public void onClick(View view) {
    switch (view.getId()){
      case R.id.all_chekbox:
        AllTheSelected();
        break;
      case R.id.tv_go_to_pay:
        if(totalCount<=0){
          Toast.makeText(this,"请选择要付款的商品~",Toast.LENGTH_SHORT).show();
          return;
        }
        Toast.makeText(this,"钱就是另一回事了~",Toast.LENGTH_SHORT).show();
        break;
      case R.id.tv_delete:
        if(totalCount<=0){
          Toast.makeText(this,"请选择要删除的商品~",Toast.LENGTH_SHORT).show();
          return;
        }
        checkDelete(adapter.getPitchOnMap());
        break;
    }
  }

  //删除操作
  private void checkDelete(Map<String,Integer> map){
    List<HashMap<String,String>> waitDeleteList=new ArrayList<>();
    Map<String,Integer> waitDeleteMap =new HashMap<>();
    for(int i=0;i<goodsList.size();i++){
      if(map.get(goodsList.get(i).get("id"))==1){
        waitDeleteList.add(goodsList.get(i));
        waitDeleteMap.put(goodsList.get(i).get("id"),map.get(goodsList.get(i).get("id")));
      }
    }
    goodsList.removeAll(waitDeleteList);
    map.remove(waitDeleteMap);
    priceControl(map);
    adapter.notifyDataSetChanged();
  }

  //全选或反选
  private void AllTheSelected(){
    Map<String,Integer> map=adapter.getPitchOnMap();
    boolean isCheck=false;
    boolean isUnCheck=false;
    Iterator iter = map.entrySet().iterator();
    while (iter.hasNext()) {
      Map.Entry entry = (Map.Entry) iter.next();
      if(Integer.valueOf(entry.getValue().toString())==1)isCheck=true;
      else isUnCheck=true;
    }
    if(isCheck==true&&isUnCheck==false){//已经全选,做反选
      for(int i=0;i<goodsList.size();i++){
        map.put(goodsList.get(i).get("id"),0);
      }
      cb_check_all.setChecked(false);
    }else if(isCheck==true && isUnCheck==true){//部分选择,做全选
      for(int i=0;i<goodsList.size();i++){
        map.put(goodsList.get(i).get("id"),1);
      }
      cb_check_all.setChecked(true);
    }else if(isCheck==false && isUnCheck==true){//一个没选,做全选
      for(int i=0;i<goodsList.size();i++){
        map.put(goodsList.get(i).get("id"),1);
      }
      cb_check_all.setChecked(true);
    }
    priceControl(map);
    adapter.setPitchOnMap(map);
    adapter.notifyDataSetChanged();
  }

  private void initView(){
    listView = (ListView) findViewById(R.id.listview);
    cb_check_all = (CheckBox) findViewById(R.id.all_chekbox);
    tv_total_price = (TextView) findViewById(R.id.tv_total_price);
    tv_delete = (TextView) findViewById(R.id.tv_delete);
    tv_go_to_pay = (TextView) findViewById(R.id.tv_go_to_pay);
    tv_go_to_pay.setOnClickListener(this);
    tv_delete.setOnClickListener(this);
    cb_check_all.setOnClickListener(this);

    adapter=new CartAdapter(this,goodsList);
    adapter.setRefreshPriceInterface(this);
    listView.setAdapter(adapter);
    adapter.notifyDataSetChanged();
  }

  private void initDate(){
    goodsList=new ArrayList<>();
    for(int i=0;i<10;i++){
      HashMap<String,String> map=new HashMap<>();
      map.put("id",(new Random().nextInt(10000)%(10000-2900+2900) + 2900)+"");
      map.put("name","购物车里的第"+(i+1)+"件商品");
      map.put("type",(i+20)+"码");
      map.put("price",(new Random().nextInt(100)%(100-29+29) + 29)+"");
      map.put("count",(new Random().nextInt(10)%(10-1+1) + 1)+"");
      goodsList.add(map);
    }

    initView();
  }
}

CartAdapter布局:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:orientation="vertical" >

  <View
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="#CCCCCC" />

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/page_backgroup"
    android:orientation="horizontal" >

    <CheckBox
      android:id="@+id/check_box"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_gravity="center_vertical"
      android:layout_marginLeft="10dp"
      android:layout_marginRight="4dp"
      android:button="@drawable/check_box_bg"
      android:checkMark="?android:attr/listChoiceIndicatorMultiple"
      android:gravity="center"
      android:minHeight="64dp"
      android:minWidth="32dp"
      android:textAppearance="?android:attr/textAppearanceLarge"
      android:visibility="visible" />

    <ImageView
      android:id="@+id/iv_adapter_list_pic"
      android:layout_width="85dp"
      android:layout_height="85dp"
      android:layout_marginBottom="15dp"
      android:layout_marginTop="13dp"
      android:scaleType="centerCrop"
      android:src="@mipmap/good_icon" />

    <RelativeLayout
      android:layout_width="wrap_content"
      android:layout_height="match_parent"
      android:layout_gravity="center_vertical"
      android:layout_marginTop="10dp"
      android:layout_marginLeft="13dp" >

      <TextView
        android:id="@+id/tv_goods_name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginRight="10dp"
        android:layout_marginTop="20dp"
        android:ellipsize="end"
        android:maxLines="2"
        android:textColor="@color/grey_color1"
        android:textSize="14sp" />

      <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="30dp"
        android:orientation="horizontal" >

        <TextView
          android:id="@+id/tv_goods_price"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_centerVertical="true"
          android:singleLine="true"
          android:textColor="@color/orange_color"
          android:textSize="14sp"
          android:textStyle="bold" />

        <TextView
          android:id="@+id/tv_type_size"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_centerVertical="true"
          android:layout_marginLeft="10dp"
          android:layout_toRightOf="@+id/tv_goods_price"
          android:singleLine="true"
          android:textColor="@color/grey_color3"
          android:textSize="10sp"/>

        <LinearLayout
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_alignParentRight="true"
          android:layout_centerVertical="true"
          android:layout_marginRight="15dp"
          android:orientation="horizontal" >

          <TextView
            android:id="@+id/tv_reduce"
            android:layout_width="25dp"
            android:layout_height="25dp"
            android:background="@drawable/text_angle_gray"
            android:gravity="center"
            android:text="一"
            android:textColor="@color/grey_color1"
            android:textSize="12sp" />

          <TextView
            android:id="@+id/tv_num"
            android:layout_width="25dp"
            android:layout_height="25dp"
            android:background="@drawable/text_angle"
            android:gravity="center"
            android:singleLine="true"
            android:text="1"
            android:textColor="@color/grey_color1"
            android:textSize="12sp" />

          <TextView
            android:id="@+id/tv_add"
            android:layout_width="25dp"
            android:layout_height="25dp"
            android:background="@drawable/text_angle_right"
            android:gravity="center"
            android:text="+"
            android:textColor="@color/grey_color1"
            android:textSize="12sp" />
        </LinearLayout>
      </RelativeLayout>
    </RelativeLayout>
  </LinearLayout>

</LinearLayout>
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.CheckBox;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

import java.util.HashMap;
import java.util.List;
import java.util.Map;

/**
 * Created by lipeng
 * 2017/6/5.
 */

public class CartAdapter extends BaseAdapter {

  private Context context;
  private List<HashMap<String,String>> dataList;
  private ViewHolder vh;
  private Map<String,Integer> pitchOnMap;
  private RefreshPriceInterface refreshPriceInterface;

  public CartAdapter(Context context, List<HashMap<String,String>> list){
    this.context=context;
    this.dataList=list;

    pitchOnMap=new HashMap<>();
    for(int i=0;i<dataList.size();i++){
      pitchOnMap.put(dataList.get(i).get("id"),0);
    }
  }

  @Override
  public View getView(final int position, View view, ViewGroup viewGroup) {
    vh=new ViewHolder();
    if(view==null){
      view= LayoutInflater.from(context).inflate(R.layout.item_layout,null);

      vh.checkBox=(CheckBox)view.findViewById(R.id.check_box);
      vh.icon=(ImageView)view.findViewById(R.id.iv_adapter_list_pic);
      vh.name=(TextView)view.findViewById(R.id.tv_goods_name);
      vh.price=(TextView)view.findViewById(R.id.tv_goods_price);
      vh.type=(TextView)view.findViewById(R.id.tv_type_size);
      vh.num=(TextView)view.findViewById(R.id.tv_num);
      vh.reduce=(TextView)view.findViewById(R.id.tv_reduce);
      vh.add=(TextView)view.findViewById(R.id.tv_add);

      view.setTag(vh);
    }else {
      vh=(ViewHolder)view.getTag();
    }

    if(dataList.size()>0){

      if(pitchOnMap.get(dataList.get(position).get("id"))==0)vh.checkBox.setChecked(false);
      else vh.checkBox.setChecked(true);
      HashMap<String,String> map=dataList.get(position);
      vh.name.setText(map.get("name"));
      vh.num.setText(map.get("count"));
      vh.type.setText(map.get("type"));
      vh.price.setText("¥ "+(Double.valueOf(map.get("price")) * Integer.valueOf(map.get("count"))));

      vh.checkBox.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
          final int index=position;
          if(((CheckBox)view).isChecked())pitchOnMap.put(dataList.get(index).get("id"),1);else pitchOnMap.put(dataList.get(index).get("id"),0);
          refreshPriceInterface.refreshPrice(pitchOnMap);
        }
      });
      vh.reduce.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
          final int index=position;
          dataList.get(index).put("count",(Integer.valueOf(dataList.get(index).get("count"))-1)+"");
          if(Integer.valueOf(dataList.get(index).get("count"))<=0){
            //可提示是否删除该商品,确定就remove,否则就保留1
            String deID=dataList.get(index).get("id");
            dataList.remove(index);
            pitchOnMap.remove(deID);
          }
          notifyDataSetChanged();
          refreshPriceInterface.refreshPrice(pitchOnMap);
        }
      });
      vh.add.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
          final int index=position;
          dataList.get(index).put("count",(Integer.valueOf(dataList.get(index).get("count"))+1)+"");
          if(Integer.valueOf(dataList.get(index).get("count"))>15){
            //15为库存可选择上限
            Toast.makeText(context,"已达库存上限~",Toast.LENGTH_SHORT).show();
            return;
          }
          notifyDataSetChanged();
          refreshPriceInterface.refreshPrice(pitchOnMap);
        }
      });
    }

    return view;
  }

  public Map<String,Integer> getPitchOnMap(){
    return pitchOnMap;
  }
  public void setPitchOnMap(Map<String,Integer> pitchOnMap){
    this.pitchOnMap=new HashMap<>();
    this.pitchOnMap.putAll(pitchOnMap);
  }

  public interface RefreshPriceInterface{
    void refreshPrice(Map<String, Integer> pitchOnMap);
  }
  public void setRefreshPriceInterface(RefreshPriceInterface refreshPriceInterface){
    this.refreshPriceInterface=refreshPriceInterface;
  }

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

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

  @Override
  public int getCount() {
    if (dataList != null) {
      return dataList.size();
    } else {
      return 0;
    }
  }

  class ViewHolder{
    CheckBox checkBox;
    ImageView icon;
    TextView name,price,num,type,reduce,add;
  }
}

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

(0)

相关推荐

  • Android仿外卖购物车功能

    先看看效果图: 知识点分析 效果图来看不复杂内容并没多少,值得介绍一下的知识点也就下面几个吧 - 列表标题悬停 - 左右列表滑动时联动 - 添加商品时的抛物线动画 - 底部弹出购物车清单 - 数据的同步 另外就是实现效果的时候可能会遇到的几个坑... 布局很简单直接进入代码 1:列表标题悬停 现在做项目列表什么的基本抛弃了ListView改用RecyclerView,上篇博客中的标题悬停也是使用了一个RecyclerView的开源项目sticky-headers-recyclerview,不过写

  • Android把商品添加到购物车的动画效果(贝塞尔曲线)

    当我们写商城类的项目的时候,一般都会有加入购物车的功能,加入购物车的时候会有一些抛物线动画,具体代码如下: 实现效果如图: 思路: 确定动画的起终点 在起终点之间使用二次贝塞尔曲线填充起终点之间的点的轨迹 设置属性动画,ValueAnimator插值器,获取中间点的坐标 将执行动画的控件的x.y坐标设为上面得到的中间点坐标 开启属性动画 当动画结束时的操作 难点: PathMeasure的使用 - getLength() - boolean getPosTan(float distance, f

  • Android实现购物车添加物品的动画效果

    前言:当我们写商城类的项目的时候,一般都会有加入购物车的功能,加入购物车的时候会有一些抛物线动画,最近做到这个功能,借助别人的demo写了一个. 效果: 开发环境:AndroidStudio2.1.2+gradle-2.10 涉及知识:1.沉浸式状态栏,2.单位精度计算(价格),3.List之Iterator. 部分代码: public class MainActivity extends AppCompatActivity implements FoodAdapter.FoodActionCa

  • Android实现购物车及其他功能的角标

    1.先来张效果图 2.自定义一个角标工具类BottomBarView . ** * Created by Administrator on 2016/12/27. * 角标工具类 */ public class BottomBarView extends RelativeLayout { private Context context; private TextView bar_num; private int count = 0; public BottomBarView(Context co

  • Android仿饿了么加入购物车旋转控件自带闪转腾挪动画的按钮效果(实例详解)

    概述 在上文,酷炫Path动画已经预告了,今天给大家带来的是利用 纯自定义View,实现的仿饿了么加入购物车控件,自带闪转腾挪动画的按钮. 效果图如下: 图1 项目中使用的效果,考虑到了View的回收复用, 并且可以看到在RecyclerView中使用,切换LayoutManager也是没有问题的, 图2 Demo效果,测试各种属性值 注意,本控件非继承自ViewGroup,而是纯自定义View实现.理由如下: 1 减少布局层级,从而提高性能 2 文字和图形纯draw,用到什么draw什么,没有

  • Android实现购物车功能

    最近看了一些淘宝购物车的demo,于是也写了一个. 效果图如下: 主要代码如下: actvity中的代码: public class ShoppingCartActivity extends BaseActivity { private List<Test> data; private ListView mListView; private ShoppingCartAdapter adapter; private RelativeLayout rlRefresh; private TextVi

  • Android实现的仿淘宝购物车demo示例

    本文实例讲述了Android实现的仿淘宝购物车.分享给大家供大家参考,具体如下: 夏的热情渐渐退去,秋如期而至,丰收的季节,小编继续着实习之路,走着走着,就走到了购物车,逛过淘宝或者是京东的小伙伴都知道购物车里面的宝贝可不止一件,对于爱购物的姑娘来说,购物车里面的商品恐怕是爆满,添加不进去了,以前逛淘宝的时候,小编没有想过要怎么样实现购物车,就知道在哪儿一个劲儿的逛,但是现在不一样了,小编做为一个开发者,想的就是该如何实现,捣鼓了两天的时间,用listview来实现,已经有模有样了,现在小编就来

  • Android中实现淘宝购物车RecyclerView或LIstView的嵌套选择的逻辑

    使用了RecyclerView嵌套RecyclerView的方案. 购物车的第一个界面为RecyclerView,每个Item里面包含一个店铺.在Item中使用RecyclerView包含店铺和店铺的多个商品. 实现思路: 使用接口回调将第二个adapter的商品选择的监听事件回调给第一个adapter后再在第一个adapter中回调给MainActivity. 使用接口回调将第一个adapter的商品选择的监听事件回调给MainActivity. 在MainActivity中处理第一个adap

  • Android制作简单的普通购物车

    本文实例为大家分享了Android普通购物车制作过程,供大家参考,具体内容如下 1.最新项目新增了类似购物车功能,如下图所示: 当时刚看到此页面的时候,第一反应是利用 ListView嵌套Listview,经过一番操作最终也实现了此功能.当时也没有考虑性能问题,只考虑能写出来.后来嵌套数据,当数据量较大时,滑动Listview可以明显感觉到卡顿,这对用户来说是很难忍受的,所以才有了找到替代方案的想法,看到网上主流的是用ExpandableListView来实现此功能,所以我也用此方案来写一下.

  • Android实现仿淘宝购物车增加和减少商品数量功能demo示例

    本文实例讲述了Android实现仿淘宝购物车增加和减少商品数量功能.分享给大家供大家参考,具体如下: 在前面一篇<Android实现的仿淘宝购物车demo示例>中,小编简单的介绍了如何使用listview来实现购物车,但是仅仅是简单的实现了列表的功能,随之而来一个新的问题,买商品的时候,我们可能不止想买一件商品,想买多个,或许有因为某种原因点错了,本来想买一件来着,小手不小心抖了一下,把数量错点成了三个,这个时候就涉及到一个新的功能,那就是增加和减少商品的数量,今天这篇博文,小编就来和小伙伴们

随机推荐