android ------ RecyclerView 模仿淘宝购物车
电商项目中常常有购物车这个功能,做个很多项目了,都有不同的界面,选了一个来讲一下。
RecyclerView 模仿淘宝购物车功能(删除选择商品,商品计算,选择, 全选反选,商品数量加减等)
看看效果图:

Activity代码:
/*****
* RecyclerView 模仿淘宝购物车功能
*
* 删除选择商品,商品计算,选择,全选反选,商品数量加减等
*
*/
public class MainActivity extends AppCompatActivity { private RecyclerView rvNestDemo;
private CartAdapter cartAdapter;
CartInfo cartInfo;
double price;
int num; TextView cartNum;
TextView cartMoney;
Button cartShoppMoular;
CheckBox checkBox; private TextView btnDelete; @Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
rvNestDemo = (RecyclerView) findViewById(R.id.rv_nest_demo);
cartNum = findViewById(R.id.cart_num);
cartMoney = findViewById(R.id.cart_money);
cartShoppMoular = findViewById(R.id.cart_shopp_moular);
cartShoppMoular.setOnClickListener(new OnClickListener());
checkBox = findViewById(R.id.cbx_quanx_check);
checkBox.setOnClickListener(new OnClickListener());
btnDelete = (TextView) findViewById(R.id.btn_delete);
initView();
} private void initView() {
btnDelete.setOnClickListener(new OnClickListener());
showData();
rvNestDemo.setLayoutManager(new LinearLayoutManager(this));
DividerItemDecoration itemDecoration = new DividerItemDecoration(this, DividerItemDecoration.VERTICAL);
itemDecoration.setDrawable(ContextCompat.getDrawable(this, R.drawable.line_divider_inset));
rvNestDemo.addItemDecoration(itemDecoration);
cartAdapter = new CartAdapter(this, cartInfo.getData());
rvNestDemo.setAdapter(cartAdapter);
showExpandData(); } private void showExpandData() {
/**
* 全选
*/
cartAdapter.setOnItemClickListener(new OnViewItemClickListener() {
@Override
public void onItemClick(boolean isFlang, View view, int position) {
cartInfo.getData().get(position).setIscheck(isFlang);
int length = cartInfo.getData().get(position).getItems().size();
for (int i = 0; i < length; i++) {
cartInfo.getData().get(position).getItems().get(i).setIscheck(isFlang);
}
cartAdapter.notifyDataSetChanged();
showCommodityCalculation();
}
}); /**
* 计算价钱
*/
cartAdapter.setOnItemMoneyClickListener(new OnItemMoneyClickListener() {
@Override
public void onItemClick(View view, int position) {
showCommodityCalculation();
} });
} /***
* 计算商品的数量和价格
*/
private void showCommodityCalculation() {
price = 0;
num = 0;
for (int i = 0; i < cartInfo.getData().size(); i++) {
for (int j = 0; j < cartInfo.getData().get(i).getItems().size(); j++) {
if (cartInfo.getData().get(i).getItems().get(j).ischeck()) {
price += Double.valueOf((cartInfo.getData().get(i).getItems().get(j).getNum() * Double.valueOf(cartInfo.getData().get(i).getItems().get(j).getPrice())));
num++;
} else {
checkBox.setChecked(false);
}
}
}
if (price == 0.0) {
cartNum.setText("共0件商品");
cartMoney.setText("¥ 0.0");
return;
}
try {
String money = String.valueOf(price);
cartNum.setText("共" + num + "件商品");
if (money.substring(money.indexOf("."), money.length()).length() > 2) {
cartMoney.setText("¥ " + money.substring(0, (money.indexOf(".") + 3)));
return;
}
cartMoney.setText("¥ " + money.substring(0, (money.indexOf(".") + 2)));
} catch (Exception e) {
e.printStackTrace();
}
} private void showData() {
cartInfo = JSON.parseObject(JSONDATA(), CartInfo.class);
} private class OnClickListener implements View.OnClickListener {
@Override
public void onClick(View v) {
switch (v.getId()) { //全选和不全选
case R.id.cbx_quanx_check:
if (checkBox.isChecked()) {
int length = cartInfo.getData().size();
for (int i = 0; i < length; i++) {
cartInfo.getData().get(i).setIscheck(true);
int lengthn = cartInfo.getData().get(i).getItems().size();
for (int j = 0; j < lengthn; j++) {
cartInfo.getData().get(i).getItems().get(j).setIscheck(true);
}
} } else {
int length = cartInfo.getData().size();
for (int i = 0; i < length; i++) {
cartInfo.getData().get(i).setIscheck(false);
int lengthn = cartInfo.getData().get(i).getItems().size();
for (int j = 0; j < lengthn; j++) {
cartInfo.getData().get(i).getItems().get(j).setIscheck(false);
}
}
}
cartAdapter.notifyDataSetChanged();
showCommodityCalculation();
break;
case R.id.btn_delete:
//删除选中商品
cartAdapter.removeChecked();
showCommodityCalculation();
break;
case R.id.cart_shopp_moular:
Toast.makeText(MainActivity.this,"提交订单: "+cartMoney.getText().toString()+"元",Toast.LENGTH_LONG).show();
break;
}
}
}
这是我写的第二个购物车,基本的功能都有了的。
有需要的小伙们,可以参考一下。
代码下载:https://github.com/DickyQie/android-shoppingcart/tree/tb-cart/
android ------ RecyclerView 模仿淘宝购物车的更多相关文章
- 仿淘宝购物车demo---增加和减少商品数量
在上一篇博客中,小编简单的介绍了如何使用listview来实现购物车,但是仅仅是简单的实现了列表的功能,随之而来一个新的问题,买商品的时候,我们可能不止想买一件商品,想买多个,或许有因为某种原因点错了 ...
- 淘宝购物车页面 智能搜索框Ajax异步加载数据
如果有朋友对本篇文章的一些知识点不了解的话,可以先阅读此篇文章.在这篇文章中,我大概介绍了一下构建淘宝购物车页面需要的基础知识. 这篇文章主要探讨的是智能搜索框Ajax异步加载数据.jQuery的社区 ...
- 淘宝购物车页面 PC端和移动端实战
最近花了半个月的时间,做了一个淘宝购物车页面的Demo.当然,为了能够更加深入的学习,不仅仅有PC端的固定宽度的布局,还实现了移动端在Media Query为768px以下(也就是实现了ipad,ip ...
- Android中仿淘宝首页顶部滚动自定义HorizontalScrollView定时水平自动切换图片
Android中仿淘宝首页顶部滚动自定义HorizontalScrollView定时水平自动切换图片 自定义ADPager 自定义水平滚动的ScrollView效仿ViewPager 当遇到要在Vie ...
- jQuery实现淘宝购物车小组件
我爱撸码,撸码使我感到快乐! 大家好,我是Counter,本章将实现淘宝购物车小组件, 用原生js可以实现吗,当然可以,可是就是任性一回,就是想用jQuery 来实现下.HTML代码不多才4行,CSS ...
- vue实现淘宝购物车功能
淘宝购物车功能,效果如下图 非常简单的逻辑,没有做代码的封装,代码如下 <div class="list-container"> <div class=" ...
- 漂亮!Javascript代码模仿淘宝宝贝搜索结果的分页显示效果
分页按钮思想: 1.少于9页,全部显示 2.大于9页,1.2页显示,中间页码当前页为中心,前后各留两个页码 先看效果图: 01输入框焦点效果 02效果 模仿淘宝的分页按钮效果控件kkpager JS ...
- web——自己实现一个淘宝购物车页面
body, table{font-family: 微软雅黑; font-size: 10pt} table{border-collapse: collapse; border: solid gray; ...
- Android仿淘宝购物车demo
夏的热情渐渐退去,秋如期而至,丰收的季节,小编继续着实习之路,走着走着,就走到了购物车,逛过淘宝或者是京东的小伙伴都知道购物车里面的宝贝可不止一件,对于爱购物的姑娘来说,购物车里面的商品恐怕是爆满,添 ...
随机推荐
- sqlserver开启远程访问
1.通过本地连接数据库,选择数据库——右键——属性 2.在连接选项勾选“允许远程连接到此服务器” 3.打开sqlserver配置管理器 4.到sqlserver网络配置——XXX的协议——TCP/IP ...
- Redis的数据结构之List
存储list: ArrayList使用数组方式 LinkedList使用双向链接方式 双向链接表中增加数据 双向链接表中删除数据 存储list常用命令 两端添加 两端弹出 扩展命令 lpush 方式添 ...
- Ocelot:API网关概要
一.概要 Ocelot是.Net Core下一个开源API网关:Ocelot主要目标是在.NET在微服务或面向服务架构中提供统一的入口服务, Ocelot拿到HttpRequest对象到管道后,先创建 ...
- python基础语法及知识点总结
本文转载于星过无痕的博客http://www.cnblogs.com/linxiangpeng/p/6403991.html 在此表达对原创作者的感激之情,多谢星过无痕的分享!谢谢! Python学习 ...
- 用python写多线程
import threading #首先导入threading 模块,这是使用多线程的前提 from time import ctime,sleep def music(func): ): print ...
- Cocos Creator 加载和切换场景(官方文档摘录)
Cocos Creator 加载和切换场景(官方文档摘录) 在 Cocos Creator 中,我们使用场景文件名( 可以不包含扩展名)来索引指代场景.并通过以下接口进行加载和切换操作: cc.dir ...
- 解救小哈——bfs广搜
问题描述: 小哈去玩迷宫,结果迷路了,小哼去救小哈.迷宫由n行m列的单元格组成(n和m都小于等于50),每个单元格要么是空地,要么是障碍物. 问题:帮小哼找到一条从迷宫的起点通往小哈所在位置的最短路径 ...
- spring boot 整合freemarker(好用!!!!)
springboot整合freemarker 1.pom依赖 <!-- 引入freeMarker的依赖包. --> <dependency> <groupId>or ...
- firefox 实现web交互机器人
现在仅有火狐浏览器可以这样操作 -- Filefox 下面是项目目录 -- 前端页面 -- html <!DOCTYPE html> <html lang="en" ...
- Linux VNC server 安装配置
1.安装vnc server [root@pxe ~]# yum install tigervnc-server -y 2.设置 vnc server 开机启动 [root@pxe ~]# chk ...