RecyclerView 之Adapter的简化过程浅析
来源:互联网 发布:ubuntu如何挂载磁盘 编辑:程序博客网 时间:2024/06/05 11:03
前言
前面一篇文章介绍了对于RecyclerView 的扩展和封装的一个库,帮助我们在开发中可以快速添加一个列表,提高开发效率。还没有看过的同学可以在看完本篇文章之后移步前一篇文章RecyclerView优雅封装Adapter,搞定所有列表。本篇文章讲的就是Adapter 简化的思路和过程。
背景
Android 开发中,我们碰到最多的就是列表了,一个APP中有简单的列表,也有包含很多种Item的复杂列表。大多数的App首页都是比较复杂的,比如一个社交APP的首页,包含Banner区、广告区、文本内容、图片内容、视频内容等等。RecyclerView 可以用ViewType 来区分不同的item,也可以满足需求 ,但还是存在一些问题,比如:1,在item过多逻辑复杂列表界面,Adapter里面的代码量庞大,逻辑复杂,后期难以维护。2,每次增加一个列表都需要增加一个Adapter,重复搬砖,效率低下。那么本篇文章讲的就是从这两个维度去简化我们的Adapter。
思路分析与实现过程
上面提出了两个问题,接下来看一下我们怎么去解决这两个问题。首先我们来看一下我们常规的写一个包含多item的复杂的列表界面(比如就是前面说的包含banner,广告,文本内容,图片内容,视频内容的首页):
public class HomePageAdapter extends RecyclerView.Adapter { public static final int TYPE_BANNER = 0; public static final int TYPE_AD = 1;public static final int TYPE_TEXT = 2; public static final int TYPE_IMAGE = 3; public static final int TYPE_VIDEO = 4; private List<HomePageEntry> mData; public void setData(List<HomePageEntry> data) { mData = data; } @Override public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { switch (viewType){ case TYPE_BANNER: return new BannerViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.home_banner_layout,null)); case TYPE_AD: return new BannerViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.home_ad_item_layout,null)); case TYPE_TEXT: return new BannerViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.home_text_item_layout,null)); case TYPE_IMAGE: return new BannerViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.home_image_item_layout,null)); case TYPE_VIDEO: return new BannerViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.home_video_item_layout,null)); } return null; } @Override public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) { int type = getItemViewType(position); switch (type){ case TYPE_BANNER: // banner 逻辑处理 break; case TYPE_AD: // 广告逻辑处理 break; case TYPE_TEXT: // 文本逻辑处理 break; case TYPE_IMAGE: //图片逻辑处理 break; case TYPE_VIDEO: //视频逻辑处理 break; // ... 此处省去N行代码 } } @Override public int getItemViewType(int position) { if(position == 0){ return TYPE_BANNER;//banner在开头 }else { return mData.get(position).type;//type 的值为TYPE_AD,TYPE_IMAGE,TYPE_AD,TYPE_VIDEO其中一个 } } @Override public int getItemCount() { return mData == null ? 0:mData.size(); } public static class BannerViewHolder extends RecyclerView.ViewHolder{ public BannerViewHolder(View itemView) { super(itemView); //绑定控件 } } public static class VideoViewHolder extends RecyclerView.ViewHolder{ public VideoViewHolder(View itemView) { super(itemView); //绑定控件 } } public static class AdViewHolder extends RecyclerView.ViewHolder{ public AdViewHolder(View itemView) { super(itemView); //绑定控件 } } public static class TextViewHolder extends RecyclerView.ViewHolder{ public TextViewHolder(View itemView) { super(itemView); //绑定控件 } } public static class ImageViewHolder extends RecyclerView.ViewHolder{ public ImageViewHolder(View itemView) { super(itemView); //绑定控件 } }}
上面这样就是我们通常写一个多Item列表的方法,根据不同的ViewType 处理不同的item,如果逻辑复杂,这个类的代码量是很庞大的。如果版本迭代添加新的需求,修改代码很麻烦,后期维护困难。
其实可以看到,代码量在于每种item的视图绑定、数据绑定和逻辑处理,并且这些操作都是Item共有的操作,既然是共有的,那么我们就可以抽取出来。因此我们可以将Item抽象成为一个独立的组件(我们将这个组件叫做Cell),它负责每个item的视图绑定、数据绑定和逻辑处理,现在我们就可以把Adapter 中的代码放到Cell 中去了。Adapter 绑定视图和绑定数据的操作调用对应位置的Cell的方法就可以了。
那我们来看一下Cell,Cell作为一个独立组件,它有以下功能:
1,视图绑定
2,数据绑定
3,资源释放
4,独立id(让Adapter 区分是那种Cell)
1,首先我们定义一个顶层接口Cell,对应上面的4个功能,有4个方法
public interface Cell { /** * 回收资源 * */ public void releaseResource(); /** * 获取viewType * @return */ public int getItemType(); /** * 创建ViewHolder * @param parent * @param viewType * @return */ public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType); /** * 数据绑定 * @param holder * @param position */ public void onBindViewHolder(RecyclerView.ViewHolder holder, int position);}
2,既然可以绑定数据,我们要给它数据源,因此定义一个基类RVBaseCell,保存一个范型数据实体
public abstract class RVBaseCell<T> implements Cell { public RVBaseCell(T t){ mData = t; } public T mData; @Override public void releaseResource() { // do nothing // 如果有需要回收的资源,子类自己实现 }}
3,将原来Adapter 中的视图绑定、数据绑定、逻辑处理等操作,放到对应的Cell 中去做
例如,我们为Banner创建一个Cell ,叫BannerCell。代码如下:
public class BannerCell extends RVBaseCell<HomePageEntry>{ public static final int TYPE_BANNER = 0; public BannerCell(HomePageEntry homePageEntry) { super(homePageEntry); } @Override public int getItemType() { return TYPE_BANNER; } @Override public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { return new BannerViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.home_banner_layout,null)); } @Override public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) { //处理banner 逻辑 } public static class BannerViewHolder extends RecyclerView.ViewHolder{ public BannerViewHolder(View itemView) { super(itemView); //绑定控件 } }}
4,改造Adapter,Adapter中保存的不再是实体数据,而是一个Cell列表,改造Adapter 回调方法,调用对应位置的Cell中的方法。
代码如下:
public class HomePageAdapter<C extends RVBaseCell> extends RecyclerView.Adapter { private List<C> mData; public void setData(List<C> data) { mData = data; } @Override public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { for(int i=0;i<getItemCount();i++){ if(viewType == mData.get(i).getItemType()){ return mData.get(i).onCreateViewHolder(parent,viewType); } } throw new RuntimeException("wrong viewType"); } @Override public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) { } @Override public int getItemViewType(int position) { return mData.get(position).getItemType(); } @Override public int getItemCount() { return mData == null ? 0:mData.size(); }}
现在看一下这个HomePageAdapter 的代码和之前写的 HomePageAdapter的代码,可以把一个上千行代码的Adapter 缩减为只有几十行代码,并且更重要的是,这个Adapter 是一个通用的,我们所有的列表只需要这么一个Adapter 就OK了,只需要添加Cell就行。这样就把我们文章开始提到的两个问题都解决了。
我们可以用两个图来对比一下,以前添加一个列表就要写一个Adapter:
现在是这样的:
如上图所示,只需要一个Adapter就行, 就像是Adapter上面有很多插槽,我们将一个个Cell插到Adapter上,即插即用。完全解耦,以后添加需求和砍掉需求,只需要增加一种Cell 或者减少一种Cell就行,不用动以前的老代码,维护方便。
最后
以上就是RecyclerView Adapter 的简化封装过程与思路分析。
- RecyclerView 之Adapter的简化过程浅析
- RecyclerView.Adapter 简化适配器
- RecyclerView.Adapter的封装之路
- RecyclerView+RecyclerView.Adapter+RecyclerView.ViewHolder的使用
- RecyclerView万能的Adapter
- RecyclerView的万能Adapter
- RecyclerView.Adapter的封装
- RecyclerView.Adapter的实现
- RecyclerView 封装Adapter之BaseRecyclerAdapter
- RecyclerView更全解析之 - 打造通用的万能Adapter
- 学习笔记之----Adapter的封装(RecyclerView)
- android之实现万能适配RecyclerView的adapter
- RecyclerView 的 RecyclerView.Adapter 通用版的实现
- RecyclerView的Adapter的抽取
- 简化 RecyclerView 的多种 type 的 adapter,Fragment 可以动态添加到 RecyclerView 上,实现复杂的界面分多个模块开发
- RecyclerView的Adapter最佳实战
- Recyclerview Adapter 的简单封装
- RecyclerView的Adapter万能适配包
- 自动编译VS解决方案时生成32位和64位版本
- Assertion failed on expression: 'IsMatrixValid(matrix)'
- 学习笔记——TCP协议
- ExtJs CheckboxSelectionModel 全选操作后 清空表格头的checkBox
- 数获得数组的长度
- RecyclerView 之Adapter的简化过程浅析
- Android已有工程支持c++ 使用CMake
- 《操作系统真象还原》-阅读笔记(上)
- asp.net mvc 路由功能
- 解决手势与tableview点击事件冲突:
- bzoj 4842: [Neerc2016]Delight for a Cat (费用流)
- wps 加下拉框 来源手动填写
- BMP文件学习笔记(二):将BMP格式RGB真彩色图片转换成灰度图片
- Ubuntu下glfw的安装与使用