Android制作简单的普通购物车

本文实例为大家分享了Android普通购物车制作过程,供大家参考,具体内容如下

1.最新项目新增了类似购物车功能,如下图所示:

当时刚看到此页面的时候,第一反应是利用 ListView嵌套Listview,经过一番操作最终也实现了此功能。当时也没有考虑性能问题,只考虑能写出来。后来嵌套数据,当数据量较大时,滑动Listview可以明显感觉到卡顿,这对用户来说是很难忍受的,所以才有了找到替代方案的想法,看到网上主流的是用ExpandableListView来实现此功能,所以我也用此方案来写一下。

2.成型后的Demo,如下图所示:

3.思路:
 1).选用ExpandableListView作为控件
 2).给每个数据源添加一个选中标志,isChecked,根据ischecked,控制checkbox的状态;

ExpandableListView相关普及

#1.首先看下ExpandableListView的adapter,与普通的ListView adapter不同

public class MyExpandAdapter extends BaseExpandableListAdapter {
//红色部分的数据源
List<OrderDetailsEntity> group_head = new ArrayList();
//内层部分数据源
List<List<ProductDetails>> child = new ArrayList();
Context context;
LayoutInflater inflater;

public MyExpandAdapter(Context content) {
 // 初始化组、子列表项
 group_head = new ArrayList<OrderDetailsEntity>();
 child = new ArrayList<List<ProductDetails>>();
 inflater = LayoutInflater.from(context);
}

public MyExpandAdapter(Context context, List<OrderDetailsEntity> group_head, List<List<ProductDetails>> child) {
 this.context = context;
 // 初始化组、子列表项
 this.group_head = group_head;
 this.child = child;
 inflater = LayoutInflater.from(context);
}
/****************************跟普通adapter一样******************************/
@Override
public int getGroupCount() {
 return this.group_head.size();
}

@Override
public int getChildrenCount(int position) {
 if (position < 0 || position >= this.child.size())
 return 0;
 return child.get(position).size();
}

@Override
public OrderDetailsEntity getGroup(int groupPosition) {
 return group_head.get(groupPosition);
}

@Override
public ProductDetails getChild(int groupPosition, int childPosition) {

 return child.get(groupPosition).get(childPosition);
}

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

@Override
public long getChildId(int groupPosition, int childPosition) {
 return childPosition;
}
/**************************************************************************/
@Override
public boolean hasStableIds() {
//分组和子选项是否持有稳定的ID, 就是说底层数据的改变会不会影响到它们
 return true;
}

private boolean isSelectAll(OrderDetailsEntity entity) {
 int count = 0;
 for (ProductDetails p : entity.getProductDetails()) {
 if (p.isChecked()) {
 count++;
 }
 }

 return entity.getProductDetails().size() == count;
}

/*************************与普通adapter的getView方法一样**********************/
@Override
public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
 ViewHolderGroup group;
 if (convertView == null) {
 convertView = inflater.inflate(R.layout.item, parent, false);
 group = new ViewHolderGroup();
 group.cb_all = (CheckBox) convertView.findViewById(R.id.cb_checkAll);
 group.tv_name = (TextView) convertView.findViewById(R.id.tv_name);
 convertView.setTag(group);
 } else {
 group = (ViewHolderGroup) convertView.getTag();
 }
 group.tv_name.setText(
 group_head.get(groupPosition).getMemberId() + "," + group_head.get(groupPosition).getShopName());
 group.cb_all.setChecked(isSelectAll(getGroup(groupPosition)));
 return convertView;
}

@Override
public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView,
 ViewGroup parent) {
 ViewHolderChild childV;
 if (convertView == null) {
 convertView = inflater.inflate(R.layout.item_inner, parent, false);
 childV = new ViewHolderChild();
 childV.cb = (CheckBox) convertView.findViewById(R.id.cb_check);
 childV.iv = (ImageView) convertView.findViewById(R.id.iv_img);
 childV.name = (TextView) convertView.findViewById(R.id.name);
 convertView.setTag(childV);
 } else {
 childV = (ViewHolderChild) convertView.getTag();
 }

 childV.name.setText(getChild(groupPosition, childPosition).getProductName());
 childV.cb.setChecked(getChild(groupPosition, childPosition).isChecked());

 return convertView;
}

/****************************************************************************/

@Override
public boolean isChildSelectable(int groupPosition, int childPosition) {
 //// 指定位置的子视图是否可选择。
 // 调用Activity里的ChildSelect方法
 // Toast.makeText(context, "gp="+groupPosition+",cp="+childPosition,
 // Toast.LENGTH_LONG).show();
 return true;
}

static class ViewHolderGroup {
 CheckBox cb_all;
 TextView tv_name;
}

static class ViewHolderChild {
 CheckBox cb;
 ImageView iv;
 TextView name;
}
}

#2.ExpandableListView 展开

for (int i = 0; i < adapter.getGroupCount(); i++) {
sp_date_list.expandGroup(i);
}

3).ExpandableListView 去掉默认图标

sp_date_list.setGroupIndicator(null);

4).ExpandableListView itemClick事件处理

1. setOnChildClickListener
2. setOnGroupClickListener
3. setOnGroupCollapseListener
4. setOnGroupExpandListener

通过方法名我们就能知道各自的用途,它们分别设置单击子选项、单击分组项、分组合并、分组展开的监听器。

// 设置分组项的点击监听事件
expandableListView.setOnGroupClickListener(new ExpandableListView.OnGroupClickListener() {
@Override
public boolean onGroupClick(ExpandableListView expandableListView, View view, int i, long l) {
 Toast.makeText(getApplicationContext(), groupStrings[i], Toast.LENGTH_SHORT).show();
 //如果处理事件,return true,默认return false
 return false;
}
// 设置子选项点击监听事件
expandableListView.setOnChildClickListener(new ExpandableListView.OnChildClickListener() {
@Override
public boolean onChildClick(ExpandableListView parent, View v, int groupPosition, int childPosition, long id) {
 Toast.makeText(getApplicationContext(), childStrings[groupPosition][childPosition], Toast.LENGTHshow();
 return true;
}
});

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

(0)

相关推荐

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

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

  • 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实现二级列表购物车功能

    本文实例为大家分享了Android实现二级列表购物车功能的具体代码,供大家参考,具体内容如下 MainActivity: package com.baway.twoshopcar; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.view.View; import android.widget.CheckBox; import android.widget.Expa

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

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

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

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

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

  • Android仿外卖购物车功能

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

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

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

随机推荐