返回顶部
首页 > 资讯 > 移动开发 >Android制作简单的普通购物车
  • 711
分享到

Android制作简单的普通购物车

购物车Android 2022-06-06 07:06:23 711人浏览 安东尼
摘要

本文实例为大家分享了Android普通购物车制作过程,供大家参考,具体内容如下 1.最新项目新增了类似购物车功能,如下图所示: 当时刚看到此页面的时候,第一反应是利用 Lis

本文实例为大家分享了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);
}

@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;
}

@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;
}
});
您可能感兴趣的文章:Android实现购物车功能Android实现的仿淘宝购物车demo示例Android实现仿淘宝购物车增加和减少商品数量功能demo示例Android中实现淘宝购物车RecyclerView或LIstView的嵌套选择的逻辑Android把商品添加到购物车的动画效果(贝塞尔曲线)Android实现简单购物车功能Android仿外卖购物车功能Android仿饿了么加入购物车旋转控件自带闪转腾挪动画的按钮效果(实例详解)Android实现购物车添加物品的动画效果Android实现二级购物车的全选加反选、总价功能


--结束END--

本文标题: Android制作简单的普通购物车

本文链接: https://lsjlt.com/news/24400.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • Android制作简单的普通购物车
    本文实例为大家分享了Android普通购物车制作过程,供大家参考,具体内容如下 1.最新项目新增了类似购物车功能,如下图所示: 当时刚看到此页面的时候,第一反应是利用 Lis...
    99+
    2022-06-06
    购物车 Android
  • Android实现简单购物车
    本文实例为大家分享了Android实现简单购物车的具体代码,供大家参考,具体内容如下 这里我用到的都是Android自带SDK中的资源,做了一个极其简单的购物车实现,总结购物车难点包...
    99+
    2024-04-02
  • Android如何实现简单购物车
    这篇文章主要介绍“Android如何实现简单购物车”,在日常操作中,相信很多人在Android如何实现简单购物车问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Android如何实现简单购物车”的疑惑有所帮助!...
    99+
    2023-07-02
  • Android实现简单购物车功能
    本文实例为大家分享了Android实现购物车功能的具体代码,供大家参考,具体内容如下MainActivity布局:<?xml version="1.0" encoding="utf-8"?><LinearL...
    99+
    2023-05-30
    android 购物车 roi
  • Android中RecyclerView实现简单购物车功能
    Android中RecyclerView实现简单的购物车,供大家参考,具体内容如下 我们知道在ListView中用setTag来解决Item的复用问题,但是RecyclerView中...
    99+
    2024-04-02
  • vuex实现简单的购物车功能
    本文实例为大家分享了vuex实现购物车功能的具体代码,供大家参考,具体内容如下 文件目录如下: 购物车组件 <template> <div> ...
    99+
    2024-04-02
  • Vue实现简单的购物车案例
    本文实例为大家分享了Vue实现简单的购物车案例的具体代码,供大家参考,具体内容如下 代码: <template> <div> <div...
    99+
    2024-04-02
  • vue如何实现简单的购物车
    今天小编给大家分享一下vue如何实现简单的购物车的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。效果图如下<templa...
    99+
    2023-07-02
  • vue实现简单的购物车功能
    本文实例为大家分享了vue实现简单购物车功能的具体代码,供大家参考,具体内容如下 1.实现效果: 2.涉及到的知识点: toFixed函数、过滤器、reduce高阶函数、v-bin...
    99+
    2024-04-02
  • js实现简单购物车模块
    本文实例为大家分享了js实现简单购物车模块的具体代码,供大家参考,具体内容如下 主要功能 输入框正则判断,两位数小数,开头可以为0 如果商品名字相同,自动数量+1...
    99+
    2024-04-02
  • vue实现简单购物车案例
    本文实例为大家分享了vue实现简单购物车的具体代码,供大家参考,具体内容如下 代码: <!DOCTYPE html> <html lang="en"> ...
    99+
    2024-04-02
  • vue实现简单的购物车小案例
    本文实例为大家分享了vue实现简单购物车的具体代码,供大家参考,具体内容如下 最近在写vue的相关项目,所以找一些小例子练习一下,把一个js的购物车改成vue了 css部分是直接引入...
    99+
    2024-04-02
  • Python实现简单购物车小程序
    本文实例为大家分享了Python实现简单购物车小程序的具体代码,供大家参考,具体内容如下 要求 代码 # --*--coding:utf-8--*-- # Author: 村雨 ...
    99+
    2024-04-02
  • Vue实现简单购物车小案例
    本文实例为大家分享了Vue实现简单购物车的具体代码,供大家参考,具体内容如下 HTML首页 <!DOCTYPE html> <html lang="en">...
    99+
    2024-04-02
  • Android中如何使用RecyclerView实现简单购物车功能
    这篇文章给大家分享的是有关Android中如何使用RecyclerView实现简单购物车功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。具体内容如下我们知道在ListView中用setTag来解决Item的复用...
    99+
    2023-06-29
  • Python如何实现的简单购物车程序
    购物车程序需求: 用户输入购物预算 展示商品列表 用户购买商品,每次购买后提示用户购买信息和剩余预算 购物完成后打印购物花费和购物清单,并将商品从原列表移除 实现代码如下: #...
    99+
    2022-06-02
    python 购物车 python 购物车程序
  • vuex怎么实现简单的购物车功能
    这篇“vuex怎么实现简单的购物车功能”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“vue...
    99+
    2024-04-02
  • vue如何实现简单的购物车功能
    这篇文章主要介绍“vue如何实现简单的购物车功能”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“vue如何实现简单的购物车功能”文章能帮助大家解决问题。1.实现效果:2.涉及到的知识点:toFixed...
    99+
    2023-07-02
  • JS实现简单加减购物车效果
    本文实例为大家分享了JS实现简单加减购物车的具体代码,供大家参考,具体内容如下 1.书写input输入框作为加减实现的效果。 2.加减按钮用button按钮来实现 3.利用js控制i...
    99+
    2024-04-02
  • 利用session实现简单购物车功能
    本文实例为大家分享了利用session实现简单购物车功能的具体代码,供大家参考,具体内容如下 一、实现的功能 (1) 利用session实现购物车中的物品添加。(2)使用servle...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作