电商项目中常常有购物车这个功能,做个很多项目了,都有不同的界面,选了一个来讲一下。

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 模仿淘宝购物车的更多相关文章

  1. 仿淘宝购物车demo---增加和减少商品数量

    在上一篇博客中,小编简单的介绍了如何使用listview来实现购物车,但是仅仅是简单的实现了列表的功能,随之而来一个新的问题,买商品的时候,我们可能不止想买一件商品,想买多个,或许有因为某种原因点错了 ...

  2. 淘宝购物车页面 智能搜索框Ajax异步加载数据

    如果有朋友对本篇文章的一些知识点不了解的话,可以先阅读此篇文章.在这篇文章中,我大概介绍了一下构建淘宝购物车页面需要的基础知识. 这篇文章主要探讨的是智能搜索框Ajax异步加载数据.jQuery的社区 ...

  3. 淘宝购物车页面 PC端和移动端实战

    最近花了半个月的时间,做了一个淘宝购物车页面的Demo.当然,为了能够更加深入的学习,不仅仅有PC端的固定宽度的布局,还实现了移动端在Media Query为768px以下(也就是实现了ipad,ip ...

  4. Android中仿淘宝首页顶部滚动自定义HorizontalScrollView定时水平自动切换图片

    Android中仿淘宝首页顶部滚动自定义HorizontalScrollView定时水平自动切换图片 自定义ADPager 自定义水平滚动的ScrollView效仿ViewPager 当遇到要在Vie ...

  5. jQuery实现淘宝购物车小组件

    我爱撸码,撸码使我感到快乐! 大家好,我是Counter,本章将实现淘宝购物车小组件, 用原生js可以实现吗,当然可以,可是就是任性一回,就是想用jQuery 来实现下.HTML代码不多才4行,CSS ...

  6. vue实现淘宝购物车功能

    淘宝购物车功能,效果如下图 非常简单的逻辑,没有做代码的封装,代码如下 <div class="list-container"> <div class=" ...

  7. 漂亮!Javascript代码模仿淘宝宝贝搜索结果的分页显示效果

    分页按钮思想: 1.少于9页,全部显示 2.大于9页,1.2页显示,中间页码当前页为中心,前后各留两个页码 先看效果图: 01输入框焦点效果 02效果 模仿淘宝的分页按钮效果控件kkpager  JS ...

  8. web——自己实现一个淘宝购物车页面

    body, table{font-family: 微软雅黑; font-size: 10pt} table{border-collapse: collapse; border: solid gray; ...

  9. Android仿淘宝购物车demo

    夏的热情渐渐退去,秋如期而至,丰收的季节,小编继续着实习之路,走着走着,就走到了购物车,逛过淘宝或者是京东的小伙伴都知道购物车里面的宝贝可不止一件,对于爱购物的姑娘来说,购物车里面的商品恐怕是爆满,添 ...

随机推荐

  1. 解决秒杀活动高并发出现负库存(Redis)

    商城在秒杀活动开始时,同时有好多人来请求这个接口,即便做了判断库存逻辑,也难免防止库存出现超卖,造成损失 Django中的ORM本身就对数据库做了防范,但再过亿级访问也扛不住 下面利用Redis的过载 ...

  2. html,CSS,javascript 做一个弹窗

    弹窗的工作原理:在网页中写一个div ,布局到想要显示的位置,将display设为none,隐藏该div.然后通过点击事件或其他操作,利用Js代码,将display设置为block,将div 显示到网 ...

  3. 求职季全攻略:优秀的UX设计师作品集该如何准备?

    这是一篇关于如何制作杰出的UX设计师作品集,看了下文,我们在2019年冲冲冲~制作出自己的作品集! 转自墨刀公众号. Paul Rand 曾经说:“设计很简单,因而也复杂.” 也许你已经掌握了所有的U ...

  4. 转换编码utf-8

    用这个enca -x utf-8 * 或者是 filename,还有别的方法,参见:https://blog.csdn.net/a280606790/article/details/8504133 我 ...

  5. Vue滑动删除与修改

    Vu+element实现 <template> <div class=""> <div class="slider"> &l ...

  6. mysql误删root

    在Linux中有时安装Mysql会出现没有root用户的状况,或者说root账户被从mysql.user表中误删除,这样就导致很多权限无法控制.解决办法是重新创建root用户,并授予所有权限,具体方法 ...

  7. AD域与外部网站域名相同处理办法

    环境 域控:Windows Server 2008 r2 AD域:example.cn 问题:DNS可以正常解析外部域名(如www.baidu.com),但是无法解析mail.example.cn 原 ...

  8. tiny6410 uboot启动参数的问题

    使用uboot来启动tiny6410,需要在启动参数中加入lcd=S70,才能在lcd上显示正确的画面

  9. List接口和Set接口和Map接口的of方法

    只适用于List接口和Set接口和Map接口,不能改变,不允许有重复元素:

  10. kubernetes1.5新特性(二):支持Photon卷插件

    在Kubernetes中卷的作用在于提供给POD持久化存储,这些持久化存储可以挂载到POD中的容器上,进而给容器提供持久化存储. 从图中可以看到结构体PodSpec有个属性是Volumes,通过这个V ...