android RecyclerView实现ListView和GridView混合的效果。

如何实现ListView和GridView混合的效果，效果图：

一、可以使用以下方式：

1、以往的方式

1）使用ListView内嵌GridView。（相信大家都使用过，在此不做描述）

2、RecycleView

1）使用单个RecycleView。

2）使用RecycleView内嵌RecycleView。

二、使用单个RecycleView。

1、如下图，由于使用一个RecycleView，我们可以把每个一红矩形看成一个item,那么就会有item1（标题）占整个屏幕的宽度，item2（内容）占屏幕的宽度的1/3。

2、核心：通过GridLayoutManager实现不同item占用不同的屏幕宽度，GridLayoutManager有一个方法setSpanSizeLookup，可以设置GridView中每项的所占的比例。

//3表示每行最多有3个item GridLayoutManager gridLayoutManager = new GridLayoutManager(this, 3); gridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() { @Override public int getSpanSize(int position) { //return 3 表示这个item占满一行,这里是标题item //return 1 表示这个item占满行1/3,这里是标题的子item if (datas.get(position).getType() == 1) return 3; return 1; } });

3、了解完核心思想，我们看看代码实现：

1）Activity布局：

2）item（标题）布局：

3）item(内容)布局：

4）Activity初始化recycleView代码：

RecyclerView jd2b_goods_category_elv = findViewById(R.id.jd2b_goods_category_elv); GridLayoutManager gridLayoutManager = new GridLayoutManager(this, 3); gridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() { @Override public int getSpanSize(int position) { if (datas.get(position).getType() == 1) return 3; return 1; } }); jd2b_goods_category_elv.setLayoutManager(gridLayoutManager); rvAdapter = new JD2BRvAdapter(mActivity); jd2b_goods_category_elv.setAdapter(rvAdapter); //获取到服务器数据后更新adapter datas.clear(); for (ProductCategoriesBackObject productCategory : productCategories) { productCategory.setType(1); datas.add(productCategory); if (productCategory.getSubCategorys().size() > 0) for (ProductCategoriesBackObject subCategory : productCategory.getSubCategorys()) { subCategory.setType(2); datas.add(subCategory); } } rvAdapter.setCategoriesBackObjects(datas);

5)adapter

public class JD2BRvAdapter extends RecyclerView.Adapter { private List categoriesBackObjects; private Context context; public JD2BRvAdapter(Context context) { categoriesBackObjects = new ArrayList(); this.context = context; } public void setCategoriesBackObjects(List categoriesBackObjects) { if (categoriesBackObjects != null) { this.categoriesBackObjects.clear(); this.categoriesBackObjects.addAll(categoriesBackObjects); notifyDataSetChanged(); } } @NonNull @Override public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { if (viewType == 1) { //标题item View view = LayoutInflater.from(context).inflate(R.layout.jd2b_item_category_title, parent, false); return new TitleViewHolder(view); } else { //标题子项 View view = LayoutInflater.from(context).inflate(R.layout.jd2b_item_category_item, parent, false); return new ViewHolder(view); } } @Override public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) { ProductCategoriesBackObject categoriesBackObject = categoriesBackObjects.get(position); if (categoriesBackObject != null) { if (getItemViewType(position) == 1) { //标题item ((TitleViewHolder) holder).nameTV.setText(categoriesBackObject.getCategoryName()); } else { //标题子项 ((ViewHolder) holder).nameTV.setText(categoriesBackObject.getCategoryName()); } } } @Override public int getItemCount() { return categoriesBackObjects.size(); } @Override public int getItemViewType(int position) { return categoriesBackObjects.get(position).getType(); } public class TitleViewHolder extends RecyclerView.ViewHolder { public TextView nameTV; public TitleViewHolder(View view) { super(view); nameTV = (TextView) view.findViewById(R.id.item_category_title); } } public class ViewHolder extends RecyclerView.ViewHolder { public TextView nameTV; public ViewHolder(View view) { super(view); nameTV = (TextView) view.findViewById(R.id.item_category_name); } } }

6)数据对象ProductCategoriesBackObject

public class ProductCategoriesBackObject { //分类id private String id; //分类名称 private String categoryName; //分类编号 private String categoryCode; //分类等级 private String level; //父id private String parentid; private int type; private ArrayList subCategorys; public String getId() { return id; } public void setId(String id) { this.id = id; } public String getCategoryName() { return categoryName; } public void setCategoryName(String categoryName) { this.categoryName = categoryName; } public String getCategoryCode() { return categoryCode; } public void setCategoryCode(String categoryCode) { this.categoryCode = categoryCode; } public String getLevel() { return level; } public void setLevel(String level) { this.level = level; } public String getParentid() { return parentid; } public void setParentid(String parentid) { this.parentid = parentid; } public ArrayList getSubCategorys() { return subCategorys; } public void setSubCategorys(ArrayList subCategorys) { this.subCategorys = subCategorys; } public int getType() { return type; } public void setType(int type) { this.type = type; } }

7）至此我们已经学会通过单个RecycleView的GridLayoutManager去实现ListView和GridView混合的效果，下面我们一起去看看如何通过RecycleView内嵌RecycleView去实现这个效果。

三、使用RecycleView内嵌RecycleView。（跟listview内嵌gridview类似）

1、我们可以把标题和内容看成是一个item，再把item里面的内容部分，使用一个recycleview去实现即可。

2、RecycleView内嵌RecycleView比较简单，直接上代码：

1）Activity布局：

2）item布局：

3）item里面的recycleview的item的布局：

4）Activity初始化recycleView代码：

RecyclerView jd2b_goods_category_elv = findViewById(R.id.jd2b_goods_category_elv); LinearLayoutManager leftLinearLayoutManager = new LinearLayoutManager(mActivity); leftLinearLayoutManager.setOrientation(LinearLayoutManager.VERTICAL); jd2b_goods_category_elv.setLayoutManager(leftLinearLayoutManager); rvAdapter = new JD2BRvAdapter(mActivity); jd2b_goods_category_elv.setAdapter(rvAdapter); //获取到服务器数据后更新adapter datas.clear(); for (ProductCategoriesBackObject productCategory : productCategories) { datas.add(productCategory); } rvAdapter.setCategoriesBackObjects(datas);

5)adapter：

public class JD2BRvAdapter extends RecyclerView.Adapter { private List categoriesBackObjects; private Context context; public JD2BRvAdapter(Context context) { categoriesBackObjects = new ArrayList(); this.context = context; } public void setCategoriesBackObjects(List categoriesBackObjects) { if (categoriesBackObjects != null) { this.categoriesBackObjects.clear(); this.categoriesBackObjects.addAll(categoriesBackObjects); notifyDataSetChanged(); } } @NonNull @Override public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { View view = LayoutInflater.from(context).inflate(R.layout.jd2b_item_category_title, parent, false); return new ViewHolder(view); } @Override public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) { ProductCategoriesBackObject categoriesBackObject = categoriesBackObjects.get(position); if (categoriesBackObject != null) { ViewHolder viewHolder = ((ViewHolder) holder); viewHolder.nameTV.setText(categoriesBackObject.getCategoryName()); GridLayoutManager gridLayoutManager = new GridLayoutManager(context, 4); viewHolder.itemRV.setLayoutManager(gridLayoutManager); JD2BItemRvAdapter rvAdapter = new JD2BItemRvAdapter(context); viewHolder.itemRV.setAdapter(rvAdapter); rvAdapter.setCategoriesBackObjects(categoriesBackObject.getSubCategorys()); } } @Override public int getItemCount() { return categoriesBackObjects.size(); } @Override public int getItemViewType(int position) { return categoriesBackObjects.get(position).getType(); } public class ViewHolder extends RecyclerView.ViewHolder { private TextView nameTV; private RecyclerView itemRV; public ViewHolder(View view) { super(view); nameTV = (TextView) view.findViewById(R.id.item_category_title); itemRV = (RecyclerView) view.findViewById(R.id.jd2b_goods_category_item_rv); } } }

6）item里面的recycleview的adapter：

public class JD2BItemRvAdapter extends RecyclerView.Adapter { private List categoriesBackObjects; private Context context; public JD2BItemRvAdapter(Context context) { categoriesBackObjects = new ArrayList(); this.context = context; } public void setCategoriesBackObjects(List categoriesBackObjects) { if (categoriesBackObjects != null) { this.categoriesBackObjects.clear(); this.categoriesBackObjects.addAll(categoriesBackObjects); notifyDataSetChanged(); } } @NonNull @Override public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { View view = LayoutInflater.from(context).inflate(R.layout.jd2b_item_category_item, parent, false); return new ViewHolder(view); } @Override public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) { ProductCategoriesBackObject categoriesBackObject = categoriesBackObjects.get(position); if (categoriesBackObject != null) { ((ViewHolder) holder).nameTV.setText(categoriesBackObject.getCategoryName()); } } @Override public int getItemCount() { return categoriesBackObjects.size(); } @Override public int getItemViewType(int position) { return categoriesBackObjects.get(position).getType(); } public class ViewHolder extends RecyclerView.ViewHolder { private TextView nameTV; public ViewHolder(View view) { super(view); nameTV = (TextView) view.findViewById(R.id.item_category_name); } } }

7)数据对象ProductCategoriesBackObject

public class ProductCategoriesBackObject { //分类id private String id; //分类名称 private String categoryName; //分类编号 private String categoryCode; //分类等级 private String level; //父id private String parentid; private int type; private ArrayList subCategorys; public String getId() { return id; } public void setId(String id) { this.id = id; } public String getCategoryName() { return categoryName; } public void setCategoryName(String categoryName) { this.categoryName = categoryName; } public String getCategoryCode() { return categoryCode; } public void setCategoryCode(String categoryCode) { this.categoryCode = categoryCode; } public String getLevel() { return level; } public void setLevel(String level) { this.level = level; } public String getParentid() { return parentid; } public void setParentid(String parentid) { this.parentid = parentid; } public ArrayList getSubCategorys() { return subCategorys; } public void setSubCategorys(ArrayList subCategorys) { this.subCategorys = subCategorys; } public int getType() { return type; } public void setType(int type) { this.type = type; } }

8)至此，RecyclerView实现ListView和GridView混合的效果的两种方式都已经学完了。

sziitjin 原创文章 9获赞 8访问量 1万+ 关注 私信 展开阅读全文
作者：sziitjin

recyclerview listview gridview Android