iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >Android中实现淘宝购物车RecyclerView或LIstView的嵌套选择的逻辑
  • 616
分享到

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

淘宝选择recyclerviewlistview嵌套Android 2022-06-06 05:06:06 616人浏览 安东尼
摘要

使用了RecyclerView嵌套RecyclerView的方案。 购物车的第一个界面为RecyclerView,每个Item里面包含一个店铺。在Item中使用Recycler

使用了RecyclerView嵌套RecyclerView的方案。

购物车的第一个界面为RecyclerView,每个Item里面包含一个店铺。在Item中使用RecyclerView包含店铺和店铺的多个商品。

实现思路:

使用接口回调将第二个adapter的商品选择的监听事件回调给第一个adapter后再在第一个adapter中回调给MainActivity。

使用接口回调将第一个adapter的商品选择的监听事件回调给MainActivity。

在MainActivity中处理第一个adapter和第二个adapter的事件监听。

MainActivity:


public class MainActivity extends AppCompatActivity { 
private RecyclerView recyclerView; 
private CheckBox checkBox; 
private recyclerAdapter adapter; 
private RecyclerView.LayoutManager manager; 
private List<bean> list; 
private List<cbean> cbeanList,cbeanListcp; 
@Override 
protected void onCreate(Bundle savedInstanceState) { 
super.onCreate(savedInstanceState); 
setContentView(R.layout.activity_main); 
recyclerView = (RecyclerView) findViewById(R.id.recyclerview); 
checkBox = (CheckBox) findViewById(R.id.shop_checkbox); 
list = new ArrayList<>(); 
//第一个店铺的数据 
cbeanList = new ArrayList<>(); 
cbean c = new cbean(); 
c.setText("商品"); 
c.setIscheck(false); 
cbean c1 = new cbean(); 
c1.setText("商品1"); 
c1.setIscheck(false); 
cbeanList.add(c); 
cbeanList.add(c1); 
bean b = new bean(); 
b.setIscheck(false); 
b.setText("店名"); 
b.setList(cbeanList); 
//第二个店铺的数据 
cbeanListcp = new ArrayList<>(); 
cbean c2 = new cbean(); 
c2.setText("商品2"); 
c2.setIscheck(false); 
cbean c3 = new cbean(); 
c3.setText("商品3"); 
c3.setIscheck(false); 
cbeanListcp.add(c2); 
cbeanListcp.add(c3); 
bean b1 = new bean(); 
b1.setIscheck(false); 
b1.setText("店名1"); 
b1.setList(cbeanListcp); 
//不能添加有重复变量的数据 
list.add(b); 
list.add(b1); 
manager = new LinearLayoutManager(this); 
recyclerView.setLayoutManager(manager); 
//优化性能 
recyclerView.setHasFixedSize(true); 
adapter = new recyclerAdapter(list); 
recyclerView.setAdapter(adapter); 
//全选CheckBox监听 
checkBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() { 
@Override 
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) { 
if (isChecked){ 
for (int i = 0;i < list.size();i++){ 
//选择店铺 
if (!list.get(i).ischeck()){ 
list.get(i).setIscheck(true); 
} 
for (int j = 0;j < list.get(i).getList().size();j++){ 
//选择店铺的商品 
if (!list.get(i).getList().get(j).ischeck()){ 
list.get(i).getList().get(j).setIscheck(true); 
} 
} 
} 
}else { 
//只有当点击全不选时才执行 
// 解决点击取消选择店铺或商品时, 
// 全选按钮取消选择状态,不会不变成全不选 
if (allSelect() == list.size()){ 
for (int i = 0;i < list.size();i++){ 
if (list.get(i).ischeck()){ 
list.get(i).setIscheck(false); 
} 
for (int j = 0;j < list.get(i).getList().size();j++){ 
if (list.get(i).getList().get(j).ischeck()){ 
list.get(i).getList().get(j).setIscheck(false); 
} 
} 
} 
} 
} 
//更新 
UpdateRecyclerView(); 
} 
}); 
adapter.setCallBack(new recyclerAdapter.allCheck() { 
@Override 
public void OnCheckListener(boolean isSelected, int position) { 
//保存店铺点击状态 
list.get(position).setIscheck(isSelected); 
//通知全选CheckBox的选择状态 
if (allSelect() == list.size()){ 
checkBox.setChecked(true); 
}else { 
checkBox.setChecked(false); 
} 
if (isSelected){ 
for (int i = 0;i < list.get(position).getList().size();i++){ 
if (!list.get(position).getList().get(i).ischeck()){ 
list.get(position).getList().get(i).setIscheck(true); 
} 
} 
}else { 
// 解决点击取消选择商品时, 
// 店铺全选按钮取消选择状态,不会不变成全不选 
if (allChildSelect(position) == list.get(position).getList().size()){ 
for (int i = 0;i < list.get(position).getList().size();i++){ 
if (list.get(position).getList().get(i).ischeck()){ 
list.get(position).getList().get(i).setIscheck(false); 
} 
} 
} 
} 
//更新 
UpdateRecyclerView(); 
} 
@Override 
public void OnItemCheckListener(boolean isSelected, int parentposition, int chaildposition) { 
//保存商品点击状态 
list.get(parentposition).getList().get(chaildposition).setIscheck(isSelected); 
//通知店铺选择的状态 
if (allChildSelect(parentposition) == list.get(parentposition).getList().size()){ 
list.get(parentposition).setIscheck(true); 
}else { 
list.get(parentposition).setIscheck(false); 
} 
UpdateRecyclerView(); 
} 
}); 
} 
 
private void UpdateRecyclerView() { 
Handler handler = new Handler(); 
final Runnable r = new Runnable() { 
public void run() { 
adapter.notifyDataSetChanged(); 
} 
}; 
handler.post(r); 
} 
//计算店铺的选择数量 
private int allSelect(){ 
int sum = 0; 
for (int i = 0; i < list.size(); i++) { 
if (list.get(i).ischeck()){ 
sum++; 
} 
} 
System.out.println(sum); 
return sum; 
} 
//计算每个店铺商品的选择数量 
private int allChildSelect(int position){ 
int sum = 0; 
for (int i = 0; i < list.get(position).getList().size(); i++) { 
if (list.get(position).getList().get(i).ischeck()){ 
sum++; 
System.out.println(position+":"+i+":"+list.get(position).getList().get(i).ischeck()); 
} 
} 
return sum; 
} 
} 

第一个Adapter:


public class recyclerAdapter extends RecyclerView.Adapter<recyclerAdapter.MyHolder> { 
private List<bean> list; 
public recyclerAdapter(List<bean> list){ 
this.list = list; 
} 
public static class MyHolder extends RecyclerView.ViewHolder{ 
private RecyclerView recyclerView; 
private TextView textView; 
private CheckBox checkBox; 
private recyclerAdapter1 adapter; 
private RecyclerView.LayoutManager manager; 
public CheckBox getCheckBox() { 
return checkBox; 
} 
public RecyclerView getRecyclerView() { 
return recyclerView; 
} 
public TextView getTextView() { 
return textView; 
} 
public MyHolder(View itemView) { 
super(itemView); 
recyclerView = (RecyclerView) itemView.findViewById(R.id.list_items); 
textView = (TextView) itemView.findViewById(R.id.tv_name); 
checkBox = (CheckBox) itemView.findViewById(R.id.checkbox0); 
manager = new LinearLayoutManager(itemView.getContext()); 
recyclerView.setLayoutManager(manager); 
} 
} 
@Override 
public MyHolder onCreateViewHolder(ViewGroup parent, int viewType) { 
View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.shop_item,null); 
MyHolder holder = new MyHolder(view); 
return holder; 
} 
@Override 
public void onBindViewHolder(final MyHolder holder, final int position) { 
holder.adapter = new recyclerAdapter1(list.get(position).getList()); 
holder.recyclerView.setAdapter(holder.adapter); 
holder.getTextView().setText(list.get(position).getText()); 
holder.getCheckBox().setChecked(list.get(position).ischeck()); 
holder.getCheckBox().setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() { 
@Override 
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) { 
//将店铺的checkbox的点击变化事件进行回调 
if (mCallBack!=null){ 
mCallBack.OnCheckListener(isChecked,position); 
} 
} 
}); 
//实现第二层RecyclerView的回调接口 
holder.adapter.setCallBack(new recyclerAdapter1.allCheck() { 
@Override 
public void OnCheckListener(boolean isChecked, int childpostion) { 
//将店铺商品的checkbox的点击变化事件进行回调 
if (mCallBack!=null){ 
mCallBack.OnItemCheckListener(isChecked,position,childpostion); 
} 
} 
}); 
holder.itemView.setTag(list.get(position)); 
} 
@Override 
public int getItemCount() { 
return list.size(); 
} 
private allCheck mCallBack; 
public void setCallBack(allCheck callBack) { 
mCallBack = callBack; 
} 
public interface allCheck{ 
//回调函数 将店铺的checkbox的点击变化事件进行回调 
public void OnCheckListener(boolean isSelected,int position); 
//回调函数 将店铺商品的checkbox的点击变化事件进行回调 
public void OnItemCheckListener(boolean isSelected,int parentposition,int chaildposition); 
} 
} 

第二个Adapter:


public class recyclerAdapter1 extends RecyclerView.Adapter<recyclerAdapter1.MyHolder> { 
private List<cbean> cbeanList, cbeanList1; 
public recyclerAdapter1(List<cbean> cbeanList) { 
this.cbeanList = cbeanList; 
cbeanList1 = cbeanList; 
} 
public static class MyHolder extends RecyclerView.ViewHolder { 
private TextView textView; 
private CheckBox checkBox; 
public TextView getTextView() { 
return textView; 
} 
public CheckBox getCheckBox() { 
return checkBox; 
} 
public MyHolder(View itemView) { 
super(itemView); 
textView = (TextView) itemView.findViewById(R.id.checkbox_tv); 
checkBox = (CheckBox) itemView.findViewById(R.id.checkbox1); 
} 
} 
@Override 
public MyHolder onCreateViewHolder(ViewGroup parent, int viewType) { 
View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.check_item, null); 
MyHolder holder = new MyHolder(view); 
return holder; 
} 
@Override 
public void onBindViewHolder(final MyHolder holder, final int position) { 
holder.getTextView().setText(cbeanList.get(position).getText()); 
holder.getCheckBox().setChecked(cbeanList.get(position).ischeck()); 
holder.getCheckBox().setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() { 
@Override 
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) { 
//将商品的checkbox的点击变化事件进行回调给第一个Recyclerview 
if (mCallBack != null) { 
mCallBack.OnCheckListener(isChecked, position); 
} 
} 
}); 
holder.itemView.setId(position); 
} 
@Override 
public int getItemCount() { 
return cbeanList.size(); 
} 
private allCheck mCallBack; 
public void setCallBack(allCheck callBack) { 
mCallBack = callBack; 
} 
public interface allCheck { 
//回调函数 将店铺商品的checkbox的点击变化事件进行回调 
public void OnCheckListener(boolean isChecked, int childpostion); 
} 
}

实体类保存数据和选择状态:


public class bean { 
private boolean ischeck; 
private String text; 
private List<cbean> list; 
public boolean ischeck() { 
return ischeck; 
} 
public void setIscheck(boolean ischeck) { 
this.ischeck = ischeck; 
} 
public String getText() { 
return text; 
} 
public void setText(String text) { 
this.text = text; 
} 
public List<cbean> getList() { 
return list; 
} 
public void setList(List<cbean> list) { 
this.list = list; 
} 
} 
public class cbean { 
private boolean ischeck; 
private String text; 
public boolean ischeck() { 
return ischeck; 
} 
public void setIscheck(boolean ischeck) { 
this.ischeck = ischeck; 
} 
public String getText() { 
return text; 
} 
public void setText(String text) { 
this.text = text; 
} 
}

布局文件:activity_main.xml


<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:Android="Http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:id="@+id/activity_main" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="vertical" 
tools:context="com.example.cuboo.myapplication.MainActivity"> 
<android.support.v7.widget.RecyclerView 
android:id="@+id/recyclerview" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:layout_weight="1"> 
</android.support.v7.widget.RecyclerView> 
<LinearLayout 
android:layout_width="match_parent" 
android:layout_height="wrap_content"> 
<CheckBox 
android:id="@+id/shop_checkbox" 
android:layout_marginLeft="12dp" 
android:layout_width="24dp" 
android:layout_height="24dp" 
android:layout_gravity="left|center" 
android:padding="12dp" 
android:gravity="center" /> 
</LinearLayout> 
</LinearLayout> 

shop_item.xml:


<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:orientation="vertical" 
android:layout_width="match_parent" 
android:layout_height="match_parent"> 
<LinearLayout 
android:layout_width="match_parent" 
android:layout_height="wrap_content"> 
<CheckBox 
android:id="@+id/checkbox0" 
android:layout_width="24dp" 
android:layout_height="24dp" /> 
<TextView 
android:id="@+id/tv_name" 
android:text="店名" 
android:gravity="center" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" /> 
</LinearLayout> 
<View 
android:layout_width="match_parent" 
android:layout_height="0.5dp" 
android:background="@color/colorAccent"/> 
<android.support.v7.widget.RecyclerView 
android:id="@+id/list_items" 
android:layout_width="match_parent" 
android:layout_height="wrap_content"> 
</android.support.v7.widget.RecyclerView> 
<View 
android:layout_width="match_parent" 
android:layout_height="48dp" 
android:background="@color/colorAccent"/> 
</LinearLayout> 

check_item:


<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:orientation="horizontal" 
android:layout_width="match_parent" 
android:layout_height="60dp"> 
<CheckBox 
android:layout_gravity="center" 
android:id="@+id/checkbox1" 
android:layout_width="24dp" 
android:layout_height="24dp" /> 
<TextView 
android:id="@+id/checkbox_tv" 
android:text="222" 
android:layout_weight="1" 
android:layout_gravity="center" 
android:gravity="center" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" /> 
</LinearLayout> 

简单的效果图:

以上所述是小编给大家介绍的Android中实现淘宝购物车RecyclerView或LIstView的嵌套选择的逻辑,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程网网站的支持!

您可能感兴趣的文章:ExpandableListView实现二级列表购物车Listvie简单实现购物车功能


--结束END--

本文标题: Android中实现淘宝购物车RecyclerView或LIstView的嵌套选择的逻辑

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

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

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作