devbox
小丑西瓜9
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

Android -- 购物车_android 购物车

作者：小丑西瓜9 | 2024-05-02 09:21:19

赞

踩

android 购物车

简单购物车案例

购物车功能描述

        第一次进入购物车页面，购物车里面是空的，同时提示去逛手机商场， 如 首次进入的页面 图所示。接着去商场页面选购手机，随便挑了几部手机加入购物车，再返回购物车页面，即可看 到购物车的商品列表，如 购物车已选列表图 所示，有商品图片、名称、数量、单价、总价等等信息。当然购物车并 不仅仅只是展示待购买的商品，还要支持最终购买的结算操作、支持清空购物车，长按删除单项订单等功能。

        购物车的存在感很强，不仅仅在购物车页面才能看到购物车。往往在商场页面，甚至商品详情页面，都 会看到某个角落冒出购物车图标。一旦有新商品加入购物车，购物车图标上的商品数量立马加一。当然，用户也能点击购物车图标直接跳到购物车页面。商场页面除了商品列表之外，页面右上角还有一个购物车图标，用户把商品加购物车，那么图标上的数字也会加一。

功能需求

  • 购物车存放着用户准备购买的商品，一开始是空的，随着商品被加入购物车，购物车中就会显示已添加的商品列表。

  • 除了购物车页面，其它页面（如商场频道页面、商品详情页面），都可能在右上角或者右 下角找到购物车图标。购物车图标上会显示已添加的商品数量，且商品数量是实时更新的。

  • 购物车页面、商场频道页面、商品详情页面多处都会显示商品的小图或者大图

界面设计

  • 线性布局LinearLayout：购物车界面从上往下排列，垂直方向的线性布局

  • 网格布局GridLayout：商场页面的陈列橱柜，允许分行分列展示商品

  • 相对布局RelativeLayout：页面右上角的购物车图标，图标右上角又有数字标记，按照指定方位排列控件

  • 其他常见控件尚有文本视图TextView、图像视图ImageView，按钮控件Button等

存储技术

  • 数据库SQLite：最直观的是数据库，购物车里的商品列表一定放在SQLite中，增删改查

  • 全局内存：购物车图标右上角的数字表示购物车中的商品数量，该数值建议保存在全局内存中，这样不必每次都到数据库中执行count操作。

  • 存储卡文件：App把下载的商品图片保存在存储卡中，这样下次就能直接从存储卡获取商品图片，加快浏览速度。

  • 共享参数SharedPreferences：是否首次访问网络图片，这个标志位推荐放在共享参数中， 需要持久化存储，并且只有一个参数信息

效果图

首次进入的页面图

 

商品展示列表图

购物车已选列表图

 手机详情页面图

长按删除订单图

图片

主程序

ShoppingChannelActivity.java
  1. package com.kcs.shoppingcart;
  2.  
  3. import android.content.Intent;
  4. import android.os.Bundle;
  5. import android.view.View;
  6. import android.widget.GridView;
  7. import android.widget.TextView;
  8.  
  9. import androidx.appcompat.app.AppCompatActivity;
  10.  
  11. import com.kcs.shoppingcart.adapter.GoodsAdapter;
  12. import com.kcs.shoppingcart.datebase.ShoppingDBHelper;
  13. import com.kcs.shoppingcart.entity.GoodsInfo;
  14. import com.kcs.shoppingcart.utils.ToastUtil;
  15.  
  16. import java.util.List;
  17.  
  18. public class ShoppingChannelActivity extends AppCompatActivity implements View.OnClickListener, GoodsAdapter.AddCartListener {
  19.  
  20.     /**
  21.      * 声明一个商品数据库的帮助器对象
  22.      */
  23.     private ShoppingDBHelper mDBHelper;
  24.     private TextView tv_count;
  25.     private GridView gv_channel;
  26.  
  27.     @Override
  28.     protected void onCreate(Bundle savedInstanceState) {
  29.         super.onCreate(savedInstanceState);
  30.         setContentView(R.layout.activity_shopping_channel);
  31.         TextView tv_title = findViewById(R.id.tv_title);
  32.         tv_title.setText("手机商场");
  33.  
  34.         tv_count = findViewById(R.id.tv_count);
  35.         gv_channel = findViewById(R.id.gv_channel);
  36.         findViewById(R.id.iv_back).setOnClickListener(this);
  37.         findViewById(R.id.iv_cart).setOnClickListener(this);
  38.  
  39.         mDBHelper = ShoppingDBHelper.getInstance(this);
  40.         mDBHelper.openReadLink();
  41.         mDBHelper.openWriteLink();
  42.  
  43.         // 从数据库查询出商品信息，并展示
  44.         showGoods();
  45.     }
  46.  
  47.     @Override
  48.     protected void onResume() {
  49.         super.onResume();
  50.         // 查询购物车商品总数，并展示
  51.         showCartInfoTotal();
  52.     }
  53.  
  54.     /**
  55.      * 查询购物车商品总数，并展示
  56.      */
  57.     private void showCartInfoTotal() {
  58.         int count = mDBHelper.countCartInfo();
  59.         MyApplication.getInstance().goodsCount = count;
  60.         tv_count.setText(String.valueOf(count));
  61.     }
  62.  
  63.     private void showGoods() {
  64.         // 查询商品数据库中的所有商品记录
  65.         List<GoodsInfo> list = mDBHelper.queryAllGoodsInfo();
  66.         GoodsAdapter adapter = new GoodsAdapter(this, list,this);
  67.         gv_channel.setAdapter(adapter);
  68.     }
  69.  
  70.     /**
  71.      *  把指定编号的商品添加到购物车
  72.      * @param goodsId
  73.      * @param goodsName
  74.      */
  75.  
  76.     @Override
  77.     public void addToCart(int goodsId, String goodsName) {
  78.         // 购物车商品数量+1
  79.         int count = ++MyApplication.getInstance().goodsCount;
  80.         tv_count.setText(String.valueOf(count));
  81.         mDBHelper.insertCartInfo(goodsId);
  82.         ToastUtil.show(this, "已添加一部" + goodsName + "到购物车");
  83.     }
  84.  
  85.     @Override
  86.     protected void onDestroy() {
  87.         super.onDestroy();
  88.         mDBHelper.closeLink();
  89.     }
  90.  
  91.     @Override
  92.     public void onClick(View v) {
  93.         switch (v.getId()) {
  94.             case R.id.iv_back:
  95.                 // 点击了返回图标，关闭当前页面
  96.                 finish();
  97.                 break;
  98.             case R.id.iv_cart:
  99.                 // 点击了购物车图标
  100.                 // 从商场页面跳到购物车页面
  101.                 Intent intent = new Intent(this, ShoppingCartActivity.class);
  102.                 // 设置启动标志，避免多次返回同一页面的
  103.                 intent.setFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);
  104.                 startActivity(intent);
  105.                 break;
  106.             default:
  107.                 break;
  108.         }
  109.     }
  110. }
ShoppingDetailActivity.java
  1. import androidx.appcompat.app.AppCompatActivity;
  2.  
  3. import android.content.Intent;
  4. import android.net.Uri;
  5. import android.os.Bundle;
  6. import android.view.View;
  7. import android.widget.ImageView;
  8. import android.widget.TextView;
  9.  
  10. import com.dongnaoedu.chapter06.database.ShoppingDBHelper;
  11. import com.dongnaoedu.chapter06.enity.GoodsInfo;
  12. import com.dongnaoedu.chapter06.util.ToastUtil;
  13.  
  14. public class ShoppingDetailActivity extends AppCompatActivity implements View.OnClickListener {
  15.  
  16.     private TextView tv_title;
  17.     private TextView tv_count;
  18.     private TextView tv_goods_price;
  19.     private TextView tv_goods_desc;
  20.     private ImageView iv_goods_pic;
  21.     private ShoppingDBHelper mDBHelper;
  22.     private int mGoodsId;
  23.  
  24.     @Override
  25.     protected void onCreate(Bundle savedInstanceState) {
  26.         super.onCreate(savedInstanceState);
  27.         setContentView(R.layout.activity_shopping_detail);
  28.         tv_title = findViewById(R.id.tv_title);
  29.         tv_count = findViewById(R.id.tv_count);
  30.         tv_goods_price = findViewById(R.id.tv_goods_price);
  31.         tv_goods_desc = findViewById(R.id.tv_goods_desc);
  32.         iv_goods_pic = findViewById(R.id.iv_goods_pic);
  33.         findViewById(R.id.iv_back).setOnClickListener(this);
  34.         findViewById(R.id.iv_cart).setOnClickListener(this);
  35.         findViewById(R.id.btn_add_cart).setOnClickListener(this);
  36.  
  37.         tv_count.setText(String.valueOf(MyApplication.getInstance().goodsCount));
  38.  
  39.         mDBHelper = ShoppingDBHelper.getInstance(this);
  40.  
  41.     }
  42.  
  43.     @Override
  44.     protected void onResume() {
  45.         super.onResume();
  46.         showDetail();
  47.     }
  48.  
  49.     private void showDetail() {
  50.         // 获取上一个页面传来的商品编号
  51.         mGoodsId = getIntent().getIntExtra("goods_id", 0);
  52.         if (mGoodsId > 0) {
  53.             // 根据商品编号查询商品数据库中的商品记录
  54.             GoodsInfo info = mDBHelper.queryGoodsInfoById(mGoodsId);
  55.             tv_title.setText(info.name);
  56.             tv_goods_desc.setText(info.description);
  57.             tv_goods_price.setText(String.valueOf((int) info.price));
  58.             iv_goods_pic.setImageURI(Uri.parse(info.picPath));
  59.         }
  60.     }
  61.  
  62.     @Override
  63.     public void onClick(View v) {
  64.         switch (v.getId()) {
  65.             case R.id.iv_back:
  66.                 finish();
  67.                 break;
  68.  
  69.             case R.id.iv_cart:
  70.                 Intent intent = new Intent(this, ShoppingCartActivity.class);
  71.                 startActivity(intent);
  72.                 break;
  73.  
  74.             case R.id.btn_add_cart:
  75.                 addToCart(mGoodsId);
  76.                 break;
  77.         }
  78.     }
  79.  
  80.     private void addToCart(int goodsId) {
  81.         // 购物车商品数量+1
  82.         int count = ++MyApplication.getInstance().goodsCount;
  83.         tv_count.setText(String.valueOf(count));
  84.         mDBHelper.insertCartInfo(goodsId);
  85.         ToastUtil.show(this, "成功添加至购物车");
  86.     }
  87. }
ShoppingCartActivity.java
  1. package com.kcs.shoppingcart;
  2.  
  3. import android.content.Intent;
  4. import android.os.Bundle;
  5. import android.view.View;
  6. import android.widget.AdapterView;
  7. import android.widget.LinearLayout;
  8. import android.widget.ListView;
  9. import android.widget.TextView;
  10.  
  11. import androidx.appcompat.app.AlertDialog;
  12. import androidx.appcompat.app.AppCompatActivity;
  13.  
  14. import com.kcs.shoppingcart.adapter.CartAdapter;
  15. import com.kcs.shoppingcart.datebase.ShoppingDBHelper;
  16. import com.kcs.shoppingcart.entity.CartInfo;
  17. import com.kcs.shoppingcart.entity.GoodsInfo;
  18. import com.kcs.shoppingcart.utils.ToastUtil;
  19.  
  20. import java.util.HashMap;
  21. import java.util.List;
  22. import java.util.Map;
  23.  
  24. public class ShoppingCartActivity extends AppCompatActivity implements View.OnClickListener, AdapterView.OnItemClickListener, AdapterView.OnItemLongClickListener {
  25.  
  26.     private TextView tv_count;
  27.     private ListView lv_cart;
  28.     private ShoppingDBHelper mDBHelper;
  29.  
  30.     /**
  31.      * 声明一个购物车中的商品信息列表
  32.      */
  33.     private List<CartInfo> mCartList;
  34.     /**
  35.      * 声明一个根据商品编号查找商品信息的映射，把商品信息缓存起来，这样不用每一次都去查询数据库
  36.      */
  37.     private Map<Integer, GoodsInfo> mGoodsMap = new HashMap<>();
  38.     private TextView tv_total_price;
  39.     private LinearLayout ll_empty;
  40.     private LinearLayout ll_content;
  41.     private CartAdapter mCartAdapter;
  42.  
  43.     @Override
  44.     protected void onCreate(Bundle savedInstanceState) {
  45.         super.onCreate(savedInstanceState);
  46.         setContentView(R.layout.activity_shopping_cart);
  47.         TextView tv_title = findViewById(R.id.tv_title);
  48.         tv_title.setText("购物车");
  49.         lv_cart = findViewById(R.id.lv_cart);
  50.         tv_total_price = findViewById(R.id.tv_total_price);
  51.  
  52.         tv_count = findViewById(R.id.tv_count);
  53.         tv_count.setText(String.valueOf(MyApplication.getInstance().goodsCount));
  54.  
  55.         mDBHelper = ShoppingDBHelper.getInstance(this);
  56.  
  57.         findViewById(R.id.iv_back).setOnClickListener(this);
  58.         findViewById(R.id.btn_shopping_channel).setOnClickListener(this);
  59.         findViewById(R.id.btn_clear).setOnClickListener(this);
  60.         findViewById(R.id.btn_settle).setOnClickListener(this);
  61.         ll_empty = findViewById(R.id.ll_empty);
  62.         ll_content = findViewById(R.id.ll_content);
  63.     }
  64.  
  65.     @Override
  66.     protected void onResume() {
  67.         super.onResume();
  68.         showCart();
  69.     }
  70.  
  71.     /**
  72.      * 展示购物车中的商品列表
  73.      */
  74.     private void showCart() {
  75.         // 查询购物车数据库中所有的商品记录
  76.         mCartList = mDBHelper.queryAllCartInfo();
  77.         if (mCartList.size() == 0) {
  78.             return;
  79.         }
  80.         for (CartInfo info : mCartList) {
  81.             // 根据商品编号查询商品数据库中的商品记录
  82.             GoodsInfo goods = mDBHelper.queryGoodsInfoById(info.goodsId);
  83.             mGoodsMap.put(info.goodsId, goods);
  84.             info.goods = goods;
  85.         }
  86.         mCartAdapter = new CartAdapter(this, mCartList);
  87.         lv_cart.setAdapter(mCartAdapter);
  88.         // 给商品行添加点击事件。点击商品行跳到商品的详情页
  89.         lv_cart.setOnItemClickListener(this);
  90.         // 给商品行添加长按事件。长按商品行就删除该商品
  91.         lv_cart.setOnItemLongClickListener(this);
  92.  
  93.         // 重新计算购物车中的商品总金额
  94.         refreshTotalPrice();
  95.     }
  96.  
  97.     private void deleteGoods(CartInfo info) {
  98.         MyApplication.getInstance().goodsCount -= info.count;
  99.         // 从购物车的数据库中删除商品
  100.         mDBHelper.deleteCartInfoByGoodsId(info.goodsId);
  101.         // 从购物车的列表中删除商品
  102.         CartInfo removed = null;
  103.         for (CartInfo cartInfo : mCartList) {
  104.             if (cartInfo.goodsId == info.goodsId) {
  105.                 removed = cartInfo;
  106.                 break;
  107.             }
  108.         }
  109.         mCartList.remove(removed);
  110.         // 显示最新的商品数量
  111.         showCount();
  112.         ToastUtil.show(this, "已从购物车删除" + mGoodsMap.get(info.goodsId).name);
  113.         mGoodsMap.remove(info.goodsId);
  114.         // 刷新购物车中所有商品的总金额
  115.         refreshTotalPrice();
  116.     }
  117.  
  118.     /**
  119.      * 显示购物车图标中的商品数量
  120.      */
  121.     private void showCount() {
  122.         tv_count.setText(String.valueOf(MyApplication.getInstance().goodsCount));
  123.         // 购物车中没有商品，显示“空空如也”
  124.         if (MyApplication.getInstance().goodsCount == 0) {
  125.             ll_empty.setVisibility(View.VISIBLE);
  126.             ll_content.setVisibility(View.GONE);
  127.             // 通知适配器发生了数据变化
  128.             mCartAdapter.notifyDataSetChanged();
  129.         } else {
  130.             ll_content.setVisibility(View.VISIBLE);
  131.             ll_empty.setVisibility(View.GONE);
  132.         }
  133.     }
  134.  
  135.     /**
  136.      * 重新计算购物车中的商品总金额
  137.      */
  138.     private void refreshTotalPrice() {
  139.         int totalPrice = 0;
  140.         for (CartInfo info : mCartList) {
  141.             GoodsInfo goods = mGoodsMap.get(info.goodsId);
  142.             totalPrice += goods.price * info.count;
  143.         }
  144.         tv_total_price.setText(String.valueOf(totalPrice));
  145.     }
  146.  
  147.     @Override
  148.     public void onClick(View v) {
  149.         switch (v.getId()) {
  150.             case R.id.iv_back:
  151.                 // 点击了返回图标
  152.                 // 关闭当前页面
  153.                 finish();
  154.                 break;
  155.  
  156.             case R.id.btn_shopping_channel:
  157.                 // 从购物车页面跳到商场页面
  158.                 Intent intent = new Intent(this, com.kcs.shoppingcart.ShoppingChannelActivity.class);
  159.                 intent.setFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);
  160.                 startActivity(intent);
  161.                 break;
  162.  
  163.             case R.id.btn_clear:
  164.                 // 清空购物车数据库
  165.                 mDBHelper.deleteAllCartInfo();
  166.                 MyApplication.getInstance().goodsCount = 0;
  167.                 // 显示最新的商品数量
  168.                 showCount();
  169.                 ToastUtil.show(this, "购物车已清空");
  170.                 break;
  171.  
  172.             case R.id.btn_settle:
  173.                 // 点击了“结算”按钮
  174.                 AlertDialog.Builder builder = new AlertDialog.Builder(this);
  175.                 builder.setTitle("结算商品");
  176.                 builder.setMessage("客官抱歉，支付功能尚未开通");
  177.                 builder.setPositiveButton("我知道了", null);
  178.                 builder.create().show();
  179.                 break;
  180.             default:
  181.                 break;
  182.         }
  183.     }
  184.  
  185.     /**
  186.      * 给商品行添加点击事件。点击商品行跳到商品的详情页
  187.      */
  188.     @Override
  189.     public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
  190.         Intent intent = new Intent(ShoppingCartActivity.this, com.kcs.shoppingcart.ShoppingDetailActivity.class);
  191.         intent.putExtra("goods_id", mCartList.get(position).goodsId);
  192.         startActivity(intent);
  193.     }
  194.  
  195.     /**
  196.      *给商品行添加长按事件。长按商品行就删除该商品
  197.      */
  198.     @Override
  199.     public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) {
  200.         CartInfo info = mCartList.get(position);
  201.         AlertDialog.Builder builder = new AlertDialog.Builder(ShoppingCartActivity.this);
  202.         builder.setMessage("是否从购物车删除" + info.goods.name + "？");
  203.         builder.setPositiveButton("是", (dialog, which) -> {
  204.             // 从集合中移除数据
  205.             mCartList.remove(position);
  206.             // 通知适配器发生了数据变化
  207.             mCartAdapter.notifyDataSetChanged();
  208.             // 删除该商品
  209.             deleteGoods(info);
  210.         });
  211.         builder.setNegativeButton("否", null);
  212.         builder.create().show();
  213.         return true;
  214.     }
  215. }

MyApplication.java

  1. package com.dongnaoedu.chapter06;
  2.  
  3. import android.app.Application;
  4. import android.content.res.Configuration;
  5. import android.graphics.Bitmap;
  6. import android.graphics.BitmapFactory;
  7. import android.os.Environment;
  8. import android.util.Log;
  9.  
  10.  
  11. import androidx.annotation.NonNull;
  12. import androidx.room.Room;
  13.  
  14. import com.dongnaoedu.chapter06.database.ShoppingDBHelper;
  15. import com.dongnaoedu.chapter06.enity.GoodsInfo;
  16. import com.dongnaoedu.chapter06.util.FileUtil;
  17. import com.dongnaoedu.chapter06.util.SharedUtil;
  18.  
  19. import java.io.File;
  20. import java.util.HashMap;
  21. import java.util.List;
  22.  
  23. public class MyApplication extends Application {
  24.  
  25.     // 购物车中的商品总数量
  26.     public int goodsCount;
  27.  
  28.     public static MyApplication getInstance() {
  29.         return mApp;
  30.     }
  31.  
  32.  
  33.     //在App启动时调用
  34.     @Override
  35.     public void onCreate() {
  36.         super.onCreate();
  37.         mApp = this;
  38.         Log.d("ning", "MyApplication onCreate");
  39.  
  40.         // 初始化商品信息
  41.         initGoodsInfo();
  42.     }
  43.  
  44.     private void initGoodsInfo() {
  45.         // 获取共享参数保存的是否首次打开参数
  46.         boolean isFirst = SharedUtil.getInstance(this).readBoolean("first", true);
  47.         // 获取当前App的私有下载路径
  48.         String directory = getExternalFilesDir(Environment.DIRECTORY_DOWNLOADS).toString() + File.separatorChar;
  49.         if (isFirst) {
  50.             // 模拟网络图片下载
  51.             List<GoodsInfo> list = GoodsInfo.getDefaultList();
  52.             for (GoodsInfo info : list) {
  53.                 Bitmap bitmap = BitmapFactory.decodeResource(getResources(), info.pic);
  54.                 String path = directory + info.id + ".jpg";
  55.                 // 往存储卡保存商品图片
  56.                 FileUtil.saveImage(path, bitmap);
  57.                 // 回收位图对象
  58.                 bitmap.recycle();
  59.                 info.picPath = path;
  60.             }
  61.             // 打开数据库，把商品信息插入到表中
  62.             ShoppingDBHelper dbHelper = ShoppingDBHelper.getInstance(this);
  63.             dbHelper.openWriteLink();
  64.             dbHelper.insertGoodsInfos(list);
  65.             dbHelper.closeLink();
  66.             // 把是否首次打开写入共享参数
  67.             SharedUtil.getInstance(this).writeBoolean("first", false);
  68.         }
  69.     }
  70.  
  71. }

适配器

 package：adapter

CartAdapter.java
  1. package com.kcs.shoppingcart.adapter;
  2.  
  3. import android.content.Context;
  4. import android.net.Uri;
  5. import android.view.LayoutInflater;
  6. import android.view.View;
  7. import android.view.ViewGroup;
  8. import android.widget.BaseAdapter;
  9. import android.widget.ImageView;
  10. import android.widget.TextView;
  11.  
  12.  
  13. import com.kcs.shoppingcart.R;
  14. import com.kcs.shoppingcart.entity.CartInfo;
  15.  
  16. import java.util.List;
  17.  
  18. public class CartAdapter extends BaseAdapter {
  19.  
  20.     private Context mContext;
  21.     private List<CartInfo> mCartList;
  22.  
  23.     public CartAdapter(Context mContext, List<CartInfo> mCartList) {
  24.         this.mContext = mContext;
  25.         this.mCartList = mCartList;
  26.     }
  27.  
  28.     @Override
  29.     public int getCount() {
  30.         return mCartList.size();
  31.     }
  32.  
  33.     @Override
  34.     public Object getItem(int position) {
  35.         return mCartList.get(position);
  36.     }
  37.  
  38.     @Override
  39.     public long getItemId(int position) {
  40.         return position;
  41.     }
  42.  
  43.     @Override
  44.     public View getView(int position, View convertView, ViewGroup parent) {
  45.         ViewHolder holder;
  46.         if (convertView == null) {
  47.             holder = new ViewHolder();
  48.             // 获取布局文件item_cart.xml的根视图
  49.             convertView = LayoutInflater.from(mContext).inflate(R.layout.item_cart, null);
  50.             holder.iv_thumb = convertView.findViewById(R.id.iv_thumb);
  51.             holder.tv_name = convertView.findViewById(R.id.tv_name);
  52.             holder.tv_desc = convertView.findViewById(R.id.tv_desc);
  53.             holder.tv_count = convertView.findViewById(R.id.tv_count);
  54.             holder.tv_price = convertView.findViewById(R.id.tv_price);
  55.             holder.tv_sum = convertView.findViewById(R.id.tv_sum);
  56.             convertView.setTag(holder);
  57.         } else {
  58.             holder = (ViewHolder) convertView.getTag();
  59.         }
  60.  
  61.         CartInfo info = mCartList.get(position);
  62.         holder.iv_thumb.setImageURI(Uri.parse(info.goods.picPath));
  63.         holder.tv_name.setText(info.goods.name);
  64.         holder.tv_desc.setText(info.goods.description);
  65.         holder.tv_count.setText(String.valueOf(info.count));
  66.         holder.tv_price.setText(String.valueOf((int) info.goods.price));
  67.         // 设置商品总价
  68.         holder.tv_sum.setText(String.valueOf((int) (info.count * info.goods.price)));
  69.         return convertView;
  70.     }
  71.  
  72.     public final class ViewHolder {
  73.         public ImageView iv_thumb;
  74.         public TextView tv_name;
  75.         public TextView tv_desc;
  76.         public TextView tv_count;
  77.         public TextView tv_price;
  78.         public TextView tv_sum;
  79.  
  80.     }
  81. }

GoodsAdapter.java

  1. package com.kcs.shoppingcart.adapter;
  2.  
  3. import android.content.Context;
  4. import android.content.Intent;
  5. import android.net.Uri;
  6. import android.view.LayoutInflater;
  7. import android.view.View;
  8. import android.view.ViewGroup;
  9. import android.widget.BaseAdapter;
  10. import android.widget.Button;
  11. import android.widget.ImageView;
  12. import android.widget.TextView;
  13.  
  14. import com.kcs.shoppingcart.R;
  15. import com.kcs.shoppingcart.ShoppingDetailActivity;
  16. import com.kcs.shoppingcart.entity.GoodsInfo;
  17.  
  18. import java.util.List;
  19.  
  20. public class GoodsAdapter extends BaseAdapter {
  21.  
  22.     private Context mContext;
  23.     private List<GoodsInfo> mGoodsInfo;
  24.  
  25.     public GoodsAdapter(Context mContext, List<GoodsInfo> mGoodsInfo, AddCartListener mAddCartListener) {
  26.         this.mContext = mContext;
  27.         this.mGoodsInfo = mGoodsInfo;
  28.         this.mAddCartListener = mAddCartListener;
  29.     }
  30.  
  31.     @Override
  32.     public int getCount() {
  33.         return mGoodsInfo.size();
  34.     }
  35.  
  36.     @Override
  37.     public Object getItem(int position) {
  38.         return position;
  39.     }
  40.  
  41.     @Override
  42.     public long getItemId(int position) {
  43.         return position;
  44.     }
  45.  
  46.     @Override
  47.     public View getView(int position, View convertView, ViewGroup parent) {
  48.         GoodsInfo info = mGoodsInfo.get(position);
  49.         ViewHolder holder;
  50.         if (convertView == null) {
  51.             convertView = LayoutInflater.from(mContext).inflate(R.layout.item_goods, null);
  52.             holder = new ViewHolder();
  53.             holder.iv_thumb = convertView.findViewById(R.id.iv_thumb);
  54.             holder.tv_name = convertView.findViewById(R.id.tv_name);
  55.             holder.tv_price = convertView.findViewById(R.id.tv_price);
  56.             holder.btn_add = convertView.findViewById(R.id.btn_add);
  57.             convertView.setTag(holder);
  58.         } else {
  59.             holder = (ViewHolder) convertView.getTag();
  60.         }
  61.  
  62.  
  63.         // 给控件设置值
  64.         holder.iv_thumb.setImageURI(Uri.parse(info.picPath));
  65.         holder.tv_name.setText(info.name);
  66.         holder.tv_price.setText(String.valueOf((int) info.price));
  67.  
  68.         // 添加到购物车
  69.         holder.btn_add.setOnClickListener(v -> {
  70.             mAddCartListener.addToCart(info.id, info.name);
  71.         });
  72.  
  73.         //点击商品图片，跳转到商品详情页面
  74.  
  75.         holder.iv_thumb.setOnClickListener(v -> {
  76.             Intent intent = new Intent(mContext, ShoppingDetailActivity.class);
  77.             intent.putExtra("goods_id", info.id);
  78.             mContext.startActivity(intent);
  79.         });
  80.  
  81.         return convertView;
  82.     }
  83.  
  84.     public final class ViewHolder {
  85.         public ImageView iv_thumb;
  86.         public TextView tv_name;
  87.         public TextView tv_price;
  88.         public Button btn_add;
  89.     }
  90.  
  91.     /**
  92.      * 声明一个加入购物车的监听器对象
  93.      */
  94.     private AddCartListener mAddCartListener;
  95.  
  96.     /**
  97.      * 定义一个加入购物车的监听器接口
  98.      */
  99.     public interface AddCartListener {
  100.         void addToCart(int goodsId, String goodsName);
  101.     }
  102. }

工具类

package util:

ToastUitl.java

  1. package com.dongnaoedu.chapter06.util;
  2.  
  3. import android.content.Context;
  4. import android.widget.Toast;
  5.  
  6. public class ToastUtil {
  7.  
  8.     public static void show(Context ctx, String desc) {
  9.         Toast.makeText(ctx, desc, Toast.LENGTH_SHORT).show();
  10.     }
  11.  
  12. }

SharedUtil.java

  1. import android.content.Context;
  2. import android.content.SharedPreferences;
  3.  
  4. public class SharedUtil {
  5.  
  6.     private static SharedUtil mUtil;
  7.     private SharedPreferences preferences;
  8.  
  9.     public static SharedUtil getInstance(Context ctx) {
  10.         if (mUtil == null) {
  11.             mUtil = new SharedUtil();
  12.             mUtil.preferences = ctx.getSharedPreferences("shopping", Context.MODE_PRIVATE);
  13.         }
  14.         return mUtil;
  15.     }
  16.  
  17.     public void writeBoolean(String key, boolean value) {
  18.         SharedPreferences.Editor editor = preferences.edit();
  19.         editor.putBoolean(key, value);
  20.         editor.commit();
  21.     }
  22.  
  23.     public boolean readBoolean(String key, boolean defaultValue) {
  24.         return preferences.getBoolean(key, defaultValue);
  25.     }
  26.  
  27. }

FileUtil.java

  1. import android.graphics.Bitmap;
  2. import android.graphics.BitmapFactory;
  3.  
  4. import java.io.BufferedReader;
  5. import java.io.BufferedWriter;
  6. import java.io.File;
  7. import java.io.FileInputStream;
  8. import java.io.FileOutputStream;
  9. import java.io.FileReader;
  10. import java.io.FileWriter;
  11. import java.io.IOException;
  12.  
  13. public class FileUtil {
  14.  
  15.     // 把位图数据保存到指定路径的图片文件
  16.     public static void saveImage(String path, Bitmap bitmap) {
  17.         FileOutputStream fos = null;
  18.         try {
  19.             fos = new FileOutputStream(path);
  20.             // 把位图数据压缩到文件输出流中
  21.             bitmap.compress(Bitmap.CompressFormat.JPEG, 100, fos);
  22.         } catch (Exception e) {
  23.             e.printStackTrace();
  24.         } finally {
  25.             if (fos != null) {
  26.                 try {
  27.                     fos.close();
  28.                 } catch (IOException e) {
  29.                     e.printStackTrace();
  30.                 }
  31.             }
  32.         }
  33.     }
  34.  
  35.     // 从指定路径的图片文件中读取位图数据
  36.     public static Bitmap openImage(String path) {
  37.         Bitmap bitmap = null;
  38.         FileInputStream fis = null;
  39.         try {
  40.             fis = new FileInputStream(path);
  41.             bitmap = BitmapFactory.decodeStream(fis);
  42.         } catch (Exception e) {
  43.             e.printStackTrace();
  44.         } finally {
  45.             if (fis != null) {
  46.                 try {
  47.                     fis.close();
  48.                 } catch (IOException e) {
  49.                     e.printStackTrace();
  50.                 }
  51.             }
  52.         }
  53.         return bitmap;
  54.     }
  55. }

实体类 

package pojo：

CarInfo.java

  1. package com.kcs.shoppingcart.entity;
  2.  
  3. //购物车信息
  4. public class CartInfo {
  5.     public int id;
  6.     /**
  7.      * 商品编号
  8.      */
  9.     public int goodsId;
  10.     /**
  11.      * 商品数量
  12.      */
  13.     public int count;
  14.     /**
  15.      * 商品信息
  16.      */
  17.     public GoodsInfo goods;
  18.  
  19.     public CartInfo() {
  20.     }
  21.  
  22.     public CartInfo(int id, int goodsId, int count) {
  23.         this.id = id;
  24.         this.goodsId = goodsId;
  25.         this.count = count;
  26.         this.goods = new GoodsInfo();
  27.     }
  28. }
GoodsInfo.java
  1. import com.dongnaoedu.chapter06.R;
  2.  
  3. import java.util.ArrayList;
  4.  
  5. public class GoodsInfo {
  6.  
  7.     public int id;
  8.     // 名称
  9.     public String name;
  10.     // 描述
  11.     public String description;
  12.     // 价格
  13.     public float price;
  14.     // 大图的保存路径
  15.     public String picPath;
  16.     // 大图的资源编号
  17.     public int pic;
  18.  
  19.     // 声明一个手机商品的名称数组
  20.     private static String[] mNameArray = {
  21.             "iPhone11", "Mate30", "小米10", "OPPO Reno3", "vivo X30", "荣耀30S"
  22.     };
  23.     // 声明一个手机商品的描述数组
  24.     private static String[] mDescArray = {
  25.             "Apple iPhone11 256GB 绿色 4G全网通手机",
  26.             "华为 HUAWEI Mate30 8GB+256GB 丹霞橙 5G全网通 全面屏手机",
  27.             "小米 MI10 8GB+128GB 钛银黑 5G手机 游戏拍照手机",
  28.             "OPPO Reno3 8GB+128GB 蓝色星夜 双模5G 拍照游戏智能手机",
  29.             "vivo X30 8GB+128GB 绯云 5G全网通 美颜拍照手机",
  30.             "荣耀30S 8GB+128GB 蝶羽红 5G芯片 自拍全面屏手机"
  31.     };
  32.     // 声明一个手机商品的价格数组
  33.     private static float[] mPriceArray = {6299, 4999, 3999, 2999, 2998, 2399};
  34.     // 声明一个手机商品的大图数组
  35.     private static int[] mPicArray = {
  36.             R.drawable.iphone, R.drawable.huawei, R.drawable.xiaomi,
  37.             R.drawable.oppo, R.drawable.vivo, R.drawable.rongyao
  38.     };
  39.  
  40.     // 获取默认的手机信息列表
  41.     public static ArrayList<GoodsInfo> getDefaultList() {
  42.         ArrayList<GoodsInfo> goodsList = new ArrayList<GoodsInfo>();
  43.         for (int i = 0; i < mNameArray.length; i++) {
  44.             GoodsInfo info = new GoodsInfo();
  45.             info.id = i;
  46.             info.name = mNameArray[i];
  47.             info.description = mDescArray[i];
  48.             info.price = mPriceArray[i];
  49.             info.pic = mPicArray[i];
  50.             goodsList.add(info);
  51.         }
  52.         return goodsList;
  53.     }
  54. }

购物车数据库类

package database：

  1. import android.content.ContentValues;
  2. import android.content.Context;
  3. import android.database.Cursor;
  4. import android.database.sqlite.SQLiteDatabase;
  5. import android.database.sqlite.SQLiteOpenHelper;
  6.  
  7. import com.dongnaoedu.chapter06.enity.CartInfo;
  8. import com.dongnaoedu.chapter06.enity.GoodsInfo;
  9.  
  10. import java.util.ArrayList;
  11. import java.util.List;
  12.  
  13. public class ShoppingDBHelper extends SQLiteOpenHelper {
  14.  
  15.     private static final String DB_NAME = "shopping.db";
  16.     // 商品信息表
  17.     private static final String TABLE_GOODS_INFO = "goods_info";
  18.     // 购物车信息表
  19.     private static final String TABLE_CART_INFO = "cart_info";
  20.     private static final int DB_VERSION = 1;
  21.     private static ShoppingDBHelper mHelper = null;
  22.     private SQLiteDatabase mRDB = null;
  23.     private SQLiteDatabase mWDB = null;
  24.  
  25.     private ShoppingDBHelper(Context context) {
  26.         super(context, DB_NAME, null, DB_VERSION);
  27.     }
  28.  
  29.     // 利用单例模式获取数据库帮助器的唯一实例
  30.     public static ShoppingDBHelper getInstance(Context context) {
  31.         if (mHelper == null) {
  32.             mHelper = new ShoppingDBHelper(context);
  33.         }
  34.         return mHelper;
  35.     }
  36.  
  37.     // 打开数据库的读连接
  38.     public SQLiteDatabase openReadLink() {
  39.         if (mRDB == null || !mRDB.isOpen()) {
  40.             mRDB = mHelper.getReadableDatabase();
  41.         }
  42.         return mRDB;
  43.     }
  44.  
  45.     // 打开数据库的写连接
  46.     public SQLiteDatabase openWriteLink() {
  47.         if (mWDB == null || !mWDB.isOpen()) {
  48.             mWDB = mHelper.getWritableDatabase();
  49.         }
  50.         return mWDB;
  51.     }
  52.  
  53.     // 关闭数据库连接
  54.     public void closeLink() {
  55.         if (mRDB != null && mRDB.isOpen()) {
  56.             mRDB.close();
  57.             mRDB = null;
  58.         }
  59.  
  60.         if (mWDB != null && mWDB.isOpen()) {
  61.             mWDB.close();
  62.             mWDB = null;
  63.         }
  64.     }
  65.  
  66.     // 创建数据库，执行建表语句
  67.     @Override
  68.     public void onCreate(SQLiteDatabase db) {
  69.         // 创建商品信息表
  70.         String sql = "CREATE TABLE IF NOT EXISTS " + TABLE_GOODS_INFO +
  71.                 "(_id INTEGER PRIMARY KEY AUTOINCREMENT NOT NULL," +
  72.                 " name VARCHAR NOT NULL," +
  73.                 " description VARCHAR NOT NULL," +
  74.                 " price FLOAT NOT NULL," +
  75.                 " pic_path VARCHAR NOT NULL);";
  76.         db.execSQL(sql);
  77.  
  78.         // 创建购物车信息表
  79.         sql = "CREATE TABLE IF NOT EXISTS " + TABLE_CART_INFO +
  80.                 "(_id INTEGER PRIMARY KEY AUTOINCREMENT NOT NULL," +
  81.                 " goods_id INTEGER NOT NULL," +
  82.                 " count INTEGER NOT NULL);";
  83.         db.execSQL(sql);
  84.     }
  85.  
  86.     @Override
  87.     public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {
  88.  
  89.     }
  90.  
  91.     // 添加多条商品信息
  92.     public void insertGoodsInfos(List<GoodsInfo> list) {
  93.         // 插入多条记录，要么全部成功，要么全部失败
  94.         try {
  95.             mWDB.beginTransaction();
  96.             for (GoodsInfo info : list) {
  97.                 ContentValues values = new ContentValues();
  98.                 values.put("name", info.name);
  99.                 values.put("description", info.description);
  100.                 values.put("price", info.price);
  101.                 values.put("pic_path", info.picPath);
  102.                 mWDB.insert(TABLE_GOODS_INFO, null, values);
  103.             }
  104.             mWDB.setTransactionSuccessful();
  105.         } catch (Exception e) {
  106.             e.printStackTrace();
  107.         } finally {
  108.             mWDB.endTransaction();
  109.         }
  110.     }
  111.  
  112.     // 查询所有的商品信息
  113.     public List<GoodsInfo> queryAllGoodsInfo() {
  114.         String sql = "select * from " + TABLE_GOODS_INFO;
  115.         List<GoodsInfo> list = new ArrayList<>();
  116.         Cursor cursor = mRDB.rawQuery(sql, null);
  117.         while (cursor.moveToNext()) {
  118.             GoodsInfo info = new GoodsInfo();
  119.             info.id = cursor.getInt(0);
  120.             info.name = cursor.getString(1);
  121.             info.description = cursor.getString(2);
  122.             info.price = cursor.getFloat(3);
  123.             info.picPath = cursor.getString(4);
  124.             list.add(info);
  125.         }
  126.         cursor.close();
  127.         return list;
  128.     }
  129.  
  130.     // 添加商品到购物车
  131.     public void insertCartInfo(int goodsId) {
  132.         // 如果购物车中不存在该商品，添加一条信息
  133.         CartInfo cartInfo = queryCartInfoByGoodsId(goodsId);
  134.         ContentValues values = new ContentValues();
  135.         values.put("goods_id", goodsId);
  136.         if (cartInfo == null) {
  137.             values.put("count", 1);
  138.             mWDB.insert(TABLE_CART_INFO, null, values);
  139.         } else {
  140.             // 如果购物车中已经存在该商品，更新商品数量
  141.             values.put("_id", cartInfo.id);
  142.             values.put("count", ++cartInfo.count);
  143.             mWDB.update(TABLE_CART_INFO, values, "_id=?", new String[]{String.valueOf(cartInfo.id)});
  144.         }
  145.     }
  146.  
  147.     // 根据商品信息ID查询购物车信息
  148.     private CartInfo queryCartInfoByGoodsId(int goodsId) {
  149.         Cursor cursor = mRDB.query(TABLE_CART_INFO, null, "goods_id=?", new String[]{String.valueOf(goodsId)}, null, null, null);
  150.         CartInfo info = null;
  151.         if (cursor.moveToNext()) {
  152.             info = new CartInfo();
  153.             info.id = cursor.getInt(0);
  154.             info.goodsId = cursor.getInt(1);
  155.             info.count = cursor.getInt(2);
  156.         }
  157.         return info;
  158.     }
  159.  
  160.     // 统计购物车中商品的总数量
  161.     public int countCartInfo() {
  162.         int count = 0;
  163.         String sql = "select sum(count) from " + TABLE_CART_INFO;
  164.         Cursor cursor = mRDB.rawQuery(sql, null);
  165.         if (cursor.moveToNext()) {
  166.             count = cursor.getInt(0);
  167.         }
  168.         return count;
  169.     }
  170.  
  171.     // 查询购物车中所有的信息列表
  172.     public List<CartInfo> queryAllCartInfo() {
  173.         List<CartInfo> list = new ArrayList<>();
  174.         Cursor cursor = mRDB.query(TABLE_CART_INFO, null, null, null, null, null, null);
  175.         while (cursor.moveToNext()) {
  176.             CartInfo info = new CartInfo();
  177.             info.id = cursor.getInt(0);
  178.             info.goodsId = cursor.getInt(1);
  179.             info.count = cursor.getInt(2);
  180.             list.add(info);
  181.         }
  182.         return list;
  183.     }
  184.  
  185.     // 根据商品ID查询商品信息
  186.     public GoodsInfo queryGoodsInfoById(int goodsId) {
  187.         GoodsInfo info = null;
  188.         Cursor cursor = mRDB.query(TABLE_GOODS_INFO, null, "_id=?", new String[]{String.valueOf(goodsId)}, null, null, null);
  189.         if (cursor.moveToNext()) {
  190.             info = new GoodsInfo();
  191.             info.id = cursor.getInt(0);
  192.             info.name = cursor.getString(1);
  193.             info.description = cursor.getString(2);
  194.             info.price = cursor.getFloat(3);
  195.             info.picPath = cursor.getString(4);
  196.         }
  197.         return info;
  198.     }
  199.  
  200.     // 根据商品ID删除购物车信息
  201.     public void deleteCartInfoByGoodsId(int goodsId) {
  202.         mWDB.delete(TABLE_CART_INFO, "goods_id=?", new String[]{String.valueOf(goodsId)});
  203.     }
  204.  
  205.     // 删除所有购物车信息
  206.     public void deleteAllCartInfo() {
  207.         mWDB.delete(TABLE_CART_INFO, "1=1", null);
  208.     }
  209. }

布局文件

activity_shopping_channel.xml

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     android:layout_width="match_parent"
  3.     android:layout_height="match_parent"
  4.     android:background="@color/orange"
  5.     android:orientation="vertical" >
  6.  
  7.     <include layout="@layout/title_shopping" />
  8.  
  9.     <GridView
  10.         android:id="@+id/gv_channel"
  11.         android:layout_width="match_parent"
  12.         android:layout_height="wrap_content"
  13.         android:numColumns="2" />
  14.  
  15. </LinearLayout>

activity_shopping_detail.xml

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:background="@color/orange"
  6.     android:orientation="vertical">
  7.  
  8.     <include layout="@layout/title_shopping" />
  9.  
  10.     <ScrollView
  11.         android:layout_width="match_parent"
  12.         android:layout_height="wrap_content">
  13.  
  14.         <LinearLayout
  15.             android:layout_width="match_parent"
  16.             android:layout_height="wrap_content"
  17.             android:orientation="vertical">
  18.  
  19.             <ImageView
  20.                 android:id="@+id/iv_goods_pic"
  21.                 android:layout_width="match_parent"
  22.                 android:layout_height="350dp"
  23.                 android:scaleType="fitCenter"
  24.                 tools:src="@drawable/xiaomi" />
  25.  
  26.             <TextView
  27.                 android:id="@+id/tv_goods_price"
  28.                 android:layout_width="match_parent"
  29.                 android:layout_height="wrap_content"
  30.                 android:paddingLeft="5dp"
  31.                 android:textColor="@color/red"
  32.                 android:textSize="22sp"
  33.                 tools:text="1990" />
  34.  
  35.             <TextView
  36.                 android:id="@+id/tv_goods_desc"
  37.                 android:layout_width="match_parent"
  38.                 android:layout_height="wrap_content"
  39.                 android:paddingLeft="5dp"
  40.                 android:textColor="@color/black"
  41.                 android:textSize="15sp"
  42.                 tools:text="小米 MI10 8GB+128GB 钛银黑 5G手机 游戏拍照手机" />
  43.  
  44.             <Button
  45.                 android:id="@+id/btn_add_cart"
  46.                 android:layout_width="match_parent"
  47.                 android:layout_height="wrap_content"
  48.                 android:text="加入购物车"
  49.                 android:textColor="@color/black"
  50.                 android:textSize="17sp" />
  51.         </LinearLayout>
  52.     </ScrollView>
  53.  
  54. </LinearLayout>

activity_shopping_car.xml

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:background="@color/orange"
  6.     android:orientation="vertical">
  7.  
  8.     <include layout="@layout/title_shopping" />
  9.  
  10.     <ScrollView
  11.         android:layout_width="match_parent"
  12.         android:layout_height="wrap_content">
  13.  
  14.         <RelativeLayout
  15.             android:layout_width="match_parent"
  16.             android:layout_height="wrap_content">
  17.  
  18.             <LinearLayout
  19.                 android:id="@+id/ll_content"
  20.                 android:layout_width="match_parent"
  21.                 android:layout_height="wrap_content"
  22.                 android:orientation="vertical"
  23.                 android:visibility="visible">
  24.  
  25.                 <LinearLayout
  26.                     android:layout_width="match_parent"
  27.                     android:layout_height="wrap_content"
  28.                     android:orientation="horizontal">
  29.  
  30.                     <TextView
  31.                         android:layout_width="85dp"
  32.                         android:layout_height="wrap_content"
  33.                         android:gravity="center"
  34.                         android:text="图片"
  35.                         android:textColor="@color/black"
  36.                         android:textSize="15sp" />
  37.  
  38.                     <TextView
  39.                         android:layout_width="0dp"
  40.                         android:layout_height="wrap_content"
  41.                         android:layout_weight="3"
  42.                         android:gravity="center"
  43.                         android:text="名称"
  44.                         android:textColor="@color/black"
  45.                         android:textSize="15sp" />
  46.  
  47.                     <TextView
  48.                         android:layout_width="0dp"
  49.                         android:layout_height="wrap_content"
  50.                         android:layout_weight="1"
  51.                         android:gravity="center"
  52.                         android:text="数量"
  53.                         android:textColor="@color/black"
  54.                         android:textSize="15sp" />
  55.  
  56.                     <TextView
  57.                         android:layout_width="0dp"
  58.                         android:layout_height="wrap_content"
  59.                         android:layout_weight="1"
  60.                         android:gravity="center"
  61.                         android:text="单价"
  62.                         android:textColor="@color/black"
  63.                         android:textSize="15sp" />
  64.  
  65.                     <TextView
  66.                         android:layout_width="0dp"
  67.                         android:layout_height="wrap_content"
  68.                         android:layout_weight="1"
  69.                         android:gravity="center"
  70.                         android:text="总价"
  71.                         android:textColor="@color/black"
  72.                         android:textSize="15sp" />
  73.  
  74.                 </LinearLayout>
  75.  
  76.                 <LinearLayout
  77.                     android:id="@+id/ll_cart"
  78.                     android:layout_width="match_parent"
  79.                     android:layout_height="wrap_content"
  80.                     android:orientation="vertical" />
  81.  
  82.                 <LinearLayout
  83.                     android:layout_width="match_parent"
  84.                     android:layout_height="wrap_content"
  85.                     android:orientation="horizontal"
  86.                     android:padding="0dp">
  87.  
  88.                     <Button
  89.                         android:id="@+id/btn_clear"
  90.                         android:layout_width="wrap_content"
  91.                         android:layout_height="wrap_content"
  92.                         android:gravity="center"
  93.                         android:text="清空"
  94.                         android:textColor="@color/black"
  95.                         android:textSize="17sp" />
  96.  
  97.                     <TextView
  98.                         android:layout_width="0dp"
  99.                         android:layout_height="wrap_content"
  100.                         android:layout_weight="1"
  101.                         android:gravity="center|right"
  102.                         android:text="总金额："
  103.                         android:textColor="@color/black"
  104.                         android:textSize="17sp" />
  105.  
  106.                     <TextView
  107.                         android:id="@+id/tv_total_price"
  108.                         android:layout_width="wrap_content"
  109.                         android:layout_height="wrap_content"
  110.                         android:layout_marginRight="10dp"
  111.                         android:gravity="center|left"
  112.                         android:textColor="@color/red"
  113.                         android:textSize="25sp" />
  114.  
  115.                     <Button
  116.                         android:id="@+id/btn_settle"
  117.                         android:layout_width="wrap_content"
  118.                         android:layout_height="wrap_content"
  119.                         android:gravity="center"
  120.                         android:text="结算"
  121.                         android:textColor="@color/black"
  122.                         android:textSize="17sp" />
  123.                 </LinearLayout>
  124.  
  125.             </LinearLayout>
  126.  
  127.             <LinearLayout
  128.                 android:id="@+id/ll_empty"
  129.                 android:layout_width="match_parent"
  130.                 android:layout_height="wrap_content"
  131.                 android:orientation="vertical"
  132.                 android:visibility="gone"
  133.                 tools:visibility="visible">
  134.  
  135.                 <TextView
  136.                     android:layout_width="match_parent"
  137.                     android:layout_height="wrap_content"
  138.                     android:layout_marginTop="100dp"
  139.                     android:layout_marginBottom="100dp"
  140.                     android:gravity="center"
  141.                     android:text="哎呀，购物车空空如也，快去选购商品吧"
  142.                     android:textColor="@color/black"
  143.                     android:textSize="17sp" />
  144.  
  145.                 <Button
  146.                     android:id="@+id/btn_shopping_channel"
  147.                     android:layout_width="match_parent"
  148.                     android:layout_height="wrap_content"
  149.                     android:gravity="center"
  150.                     android:text="逛逛手机商场"
  151.                     android:textColor="@color/black"
  152.                     android:textSize="17sp" />
  153.             </LinearLayout>
  154.         </RelativeLayout>
  155.     </ScrollView>
  156.  
  157. </LinearLayout>

购物车列表清单

item_cart.xml

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="wrap_content"
  5.     android:background="@color/white"
  6.     android:orientation="horizontal">
  7.  
  8.     <ImageView
  9.         android:id="@+id/iv_thumb"
  10.         android:layout_width="85dp"
  11.         android:layout_height="85dp"
  12.         android:scaleType="fitCenter"
  13.         tools:src="@drawable/xiaomi"/>
  14.  
  15.     <LinearLayout
  16.         android:layout_width="0dp"
  17.         android:layout_height="match_parent"
  18.         android:layout_weight="3"
  19.         android:orientation="vertical">
  20.  
  21.         <TextView
  22.             android:id="@+id/tv_name"
  23.             android:layout_width="match_parent"
  24.             android:layout_height="0dp"
  25.             android:layout_weight="2"
  26.             android:gravity="left|center"
  27.             android:textColor="@color/black"
  28.             android:textSize="17sp"
  29.             tools:text="小米手机"/>
  30.  
  31.         <TextView
  32.             android:id="@+id/tv_desc"
  33.             android:layout_width="match_parent"
  34.             android:layout_height="0dp"
  35.             android:layout_weight="3"
  36.             android:gravity="left|center"
  37.             android:textColor="@color/black"
  38.             android:textSize="12sp"
  39.             tools:text="小米 MI10 8GB+128GB 钛银黑 5G手机 游戏拍照手机"/>
  40.     </LinearLayout>
  41.  
  42.     <TextView
  43.         android:id="@+id/tv_count"
  44.         android:layout_width="0dp"
  45.         android:layout_height="match_parent"
  46.         android:layout_weight="1"
  47.         android:gravity="center"
  48.         android:textColor="@color/black"
  49.         android:textSize="17sp"
  50.         tools:text="2"/>
  51.  
  52.     <TextView
  53.         android:id="@+id/tv_price"
  54.         android:layout_width="0dp"
  55.         android:layout_height="match_parent"
  56.         android:layout_weight="1"
  57.         android:gravity="right|center"
  58.         android:textColor="@color/black"
  59.         android:textSize="15sp"
  60.         tools:text="1000"/>
  61.  
  62.     <TextView
  63.         android:id="@+id/tv_sum"
  64.         android:layout_width="0dp"
  65.         android:layout_height="match_parent"
  66.         android:layout_weight="1.2"
  67.         android:gravity="right|center"
  68.         android:textColor="@color/red"
  69.         android:textSize="17sp"
  70.         tools:text="2000"/>
  71.  
  72. </LinearLayout>

货物清单数据布局文件

item_goods.xml

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:id="@+id/ll_item"
  4.     android:layout_width="wrap_content"
  5.     android:layout_height="wrap_content"
  6.     android:layout_gravity="center"
  7.     android:background="@color/white"
  8.     android:gravity="center"
  9.     android:orientation="vertical">
  10.  
  11.     <TextView
  12.         android:id="@+id/tv_name"
  13.         android:layout_width="match_parent"
  14.         android:layout_height="wrap_content"
  15.         android:gravity="center"
  16.         android:textColor="@color/black"
  17.         android:textSize="17sp"
  18.         tools:text="小米手机" />
  19.  
  20.     <ImageView
  21.         android:id="@+id/iv_thumb"
  22.         android:layout_width="180dp"
  23.         android:layout_height="150dp"
  24.         android:scaleType="fitCenter"
  25.         tools:src="@drawable/xiaomi" />
  26.  
  27.     <LinearLayout
  28.         android:layout_width="match_parent"
  29.         android:layout_height="45dp"
  30.         android:orientation="horizontal">
  31.  
  32.         <TextView
  33.             android:id="@+id/tv_price"
  34.             android:layout_width="0dp"
  35.             android:layout_height="match_parent"
  36.             android:layout_weight="2"
  37.             android:gravity="center"
  38.             android:textColor="@color/red"
  39.             android:textSize="15sp"
  40.             tools:text="20" />
  41.  
  42.         <Button
  43.             android:id="@+id/btn_add"
  44.             android:layout_width="0dp"
  45.             android:layout_height="match_parent"
  46.             android:layout_weight="3"
  47.             android:gravity="center"
  48.             android:text="加入购物车"
  49.             android:textColor="@color/black"
  50.             android:textSize="15sp" />
  51.     </LinearLayout>
  52.  
  53. </LinearLayout>

顶部布局文件

title_shopping.xml

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     android:layout_width="match_parent"
  3.     android:layout_height="50dp"
  4.     android:background="#aaaaff" >
  5.     
  6.     <ImageView
  7.         android:id="@+id/iv_back"
  8.         android:layout_width="50dp"
  9.         android:layout_height="match_parent"
  10.         android:layout_alignParentLeft="true"
  11.         android:padding="10dp"
  12.         android:scaleType="fitCenter"
  13.         android:src="@drawable/ic_back" />
  14.  
  15.     <TextView
  16.         android:id="@+id/tv_title"
  17.         android:layout_width="wrap_content"
  18.         android:layout_height="match_parent"
  19.         android:layout_centerInParent="true"
  20.         android:gravity="center"
  21.         android:textColor="@color/black"
  22.         android:textSize="20sp" />
  23.     
  24.     <ImageView
  25.         android:id="@+id/iv_cart"
  26.         android:layout_width="50dp"
  27.         android:layout_height="match_parent"
  28.         android:layout_alignParentRight="true"
  29.         android:scaleType="fitCenter"
  30.         android:src="@drawable/cart" />
  31.     
  32.     <TextView
  33.         android:id="@+id/tv_count"
  34.         android:layout_width="20dp"
  35.         android:layout_height="20dp"
  36.         android:layout_alignParentTop="true"
  37.         android:layout_toRightOf="@+id/iv_cart"
  38.         android:layout_marginLeft="-20dp"
  39.         android:gravity="center"
  40.         android:background="@drawable/shape_oval_red"
  41.         android:text="0"
  42.         android:textColor="@color/white"
  43.         android:textSize="15sp" />
  44.     
  45. </RelativeLayout>

资源文件

shape_oval_red.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:shape="oval">
  4.  
  5.     <solid android:color="#ff6666" />
  6.  
  7. </shape>

colors.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <resources>
  3.     <color name="purple_200">#FFBB86FC</color>
  4.     <color name="purple_500">#FF6200EE</color>
  5.     <color name="purple_700">#FF3700B3</color>
  6.     <color name="teal_200">#FF03DAC5</color>
  7.     <color name="teal_700">#FF018786</color>
  8.     <color name="black">#FF000000</color>
  9.     <color name="white">#FFFFFFFF</color>
  10.     <color name="grey">#cccccc</color>
  11.     <color name="orange">#ffffdd</color>
  12.     <color name="red">#ff0000</color>
  13. </resources>

AndroidManifest.xml

把自己写的MyApplication配置上 

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <manifest xmlns:android="http://schemas.android.com/apk/res/android"
  3.     package="com.kcs.shoppingcart">
  4.  
  5.     <application
  6.         android:name=".MyApplication"
  7.         android:allowBackup="true"
  8.         android:icon="@mipmap/ic_launcher"
  9.         android:label="@string/app_name"
  10.         android:roundIcon="@mipmap/ic_launcher_round"
  11.         android:supportsRtl="true"
  12.         android:theme="@style/Theme.ShoppingCart">
  13.  
  14.         <activity
  15.             android:name=".ShoppingCartActivity"
  16.             android:exported="true" />
  17.         <activity
  18.             android:name=".ShoppingDetailActivity"
  19.             android:exported="true" />
  20.         <activity
  21.             android:name=".ShoppingChannelActivity"
  22.             android:exported="true">
  23.             <intent-filter>
  24.                 <action android:name="android.intent.action.MAIN" />
  25.  
  26.                 <category android:name="android.intent.category.LAUNCHER" />
  27.             </intent-filter>
  28.         </activity>
  29.     </application>
  30.  
  31. </manifest>
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小丑西瓜9/article/detail/523328
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号