RecyclerView更全解析之 - 打造通用的万能Adapter

1.概述

离春节只有一个月，同时也在准备公司的节目所以每天有一段时间在练习吉他，刚刚群里有人问我什么时候开始分享仿内涵段子整个项目。算一下时间RecyclerView可能有4期左右的分享，自己又只能周末录讲解视频，所有可能会要等过完春节才能全部开始。
　　上一篇已经简单的讲解了一下RecyclerView更全解析之 - 基本使用和分割线解析。这一期我们来看一下怎么去打造一个万能的RecyclerView.Adapter。
　　
　　视频讲解：http://pan.baidu.com/s/1c27ogbY

这里写图片描述

2．概述

我们肯定都用过ListView的万能Adapter，不知道大家有没有看过源码其实写起来也不困难。这里给大家介绍一篇博客大家可以看一下打造万能的ListView GridView 适配器，博主是鸿洋大神牛叉中的牛叉，如果没有思路可以参考这个。
　　
　　其实我们在这里是想解决上一篇的那些坑，但是千万记得别过度设计一层一层套一层谁也看不懂。大致有：

列表数据绑定有一点复杂代码有点多
每个列表设置条目点击事件和长按事件坑啊
如果是多条目布局，更不知道要写多少代码

3．基本思路

新建一个RecyclerView.Adapter什么都不写大概就是这个样子：

1/**
2 * Created by Darren on 2016/12/28.
3 * Email: 240336124@qq.com
4 * Description: 通用的Adapter
5 */
6public class CommonRecyclerAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
7
8    protected Context mContext;
9    private LayoutInflater mInflater;
10    
11    // 数据怎么办？ 布局怎么办？ 绑定怎么办？
12    public CommonRecyclerAdapter(Context context) {
13        this.mContext = context;
14        this.mInflater = LayoutInflater.from(mContext);
15    }
16
17    @Override
18    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
19        return null;
20    }
21
22    @Override
23    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
24
25    }
26
27    @Override
28    public int getItemCount() {
29        return 0;
30    }
31}
32
33/**
34 * Created by Darren on 2016/12/28.
35 * Email: 240336124@qq.com
36 * Description: RecyclerView的ViewHolder
37 */
38public class ViewHolder extends RecyclerView.ViewHolder {
39    public ViewHolder(View itemView) {
40        super(itemView);
41    }
42}

既然想做到通用那么现在摆在面前的就三个问题：数据怎么办？布局怎么办？绑定怎么办？。数据决定采用泛型，布局打算直接构造传第，绑定显示效果肯定就只能回传。
　　
3.1 基本改造
　　数据决定采用泛型，布局打算直接构造传递，绑定显示效果回传。

1/**
2 * Created by Darren on 2016/12/28.
3 * Email: 240336124@qq.com
4 * Description: 通用的Adapter
5 */
6public abstract class CommonRecyclerAdapter<T> extends RecyclerView.Adapter<ViewHolder> {
7
8    protected Context mContext;
9    protected LayoutInflater mInflater;
10    //数据怎么办？利用泛型
11    protected List<T> mDatas;
12    // 布局怎么办？直接从构造里面传递
13    private int mLayoutId;
14
15    public CommonRecyclerAdapter(Context context, List<T> datas, int layoutId) {
16        this.mContext = context;
17        this.mInflater = LayoutInflater.from(mContext);
18        this.mDatas = datas;
19        this.mLayoutId = layoutId;
20    }
21
22    @Override
23    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
24        // 先inflate数据
25        View itemView = mInflater.inflate(mLayoutId, parent, false);
26        // 返回ViewHolder
27        ViewHolder holder = new ViewHolder(itemView);
28        return holder;
29    }
30
31    @Override
32    public void onBindViewHolder(ViewHolder holder, int position) {
33        // 绑定怎么办？回传出去
34        convert(holder, mDatas.get(position));
35    }
36
37    /**
38     * 利用抽象方法回传出去，每个不一样的Adapter去设置
39     * @param item 当前的数据
40     */
41    public abstract void convert(ViewHolder holder, T item);
42
43    @Override
44    public int getItemCount() {
45        return mDatas.size();
46    }
47}

3.2 实战使用

接下来我们就把上一期的RecyclerView更全解析之 - 基本使用和分割线解析的Adapter做一下改造，看一看代码能简化多少：

1/**
2 * Created by Darren on 2016/12/28.
3 * Email: 240336124@qq.com
4 * Description: 利用万能通用的Adapter改造后的列表
5 */
6public class CategoryListAdapter extends CommonRecyclerAdapter<ChannelListResult.
7        DataBean.CategoriesBean.CategoryListBean>{
8
9    public CategoryListAdapter(Context context, List<ChannelListResult.DataBean.
10            CategoriesBean.CategoryListBean> datas) {
11        super(context, datas, R.layout.channel_list_item);
12    }
13
14    @Override
15    public void convert(ViewHolder holder, ChannelListResult.DataBean.CategoriesBean.CategoryListBean item) {
16        // 从ViewHolder中去findViewById
17        TextView nameTv = (TextView) holder.itemView.findViewById(R.id.channel_text);
18        TextView channelTopicTv = (TextView) holder.itemView.findViewById(R.id.channel_topic);
19        TextView channelUpdateInfo = (TextView) holder.itemView.findViewById(R.id.channel_update_info);
20        View recommendLabel = holder.itemView.findViewById(R.id.recommend_label);
21        ImageView channelIconIv = (ImageView) holder.itemView.findViewById(R.id.channel_icon);
22
23        // 显示数据
24        nameTv.setText(item.getName());
25        channelTopicTv.setText(item.getIntro());
26        String str = item.getSubscribe_count() + " 订阅 | " +
27                "总帖数 <font color='#FF678D'>" + item.getTotal_updates() + "</font>";
28        channelUpdateInfo.setText(Html.fromHtml(str));
29        // 是否是最新
30        if (item.isIs_recommend()) {
31            recommendLabel.setVisibility(View.VISIBLE);
32        } else {
33            recommendLabel.setVisibility(View.GONE);
34        }
35        // 加载图片
36        Glide.with(mContext).load(item.getIcon_url()).centerCrop().into(channelIconIv);
37    }
38}

代码少了不知道多少了，反正现在我们只需要关注convert()方法，但是还可以更加简单一点，我们对ViewHolder做一下优化。

3.3 改造ViewHolder

1/**
2 * Created by Darren on 2016/12/28.
3 * Email: 240336124@qq.com
4 * Description: RecyclerView的ViewHolder
5 */
6public class ViewHolder extends RecyclerView.ViewHolder {
7
8    // 用来存放子View减少findViewById的次数
9    private SparseArray<View> mViews;
10
11    public ViewHolder(View itemView) {
12        super(itemView);
13        mViews = new SparseArray<>();
14    }
15
16    /**
17     * 设置TextView文本
18     */
19    public ViewHolder setText(int viewId, CharSequence text) {
20        TextView tv = getView(viewId);
21        tv.setText(text);
22        return this;
23    }
24
25    /**
26     * 通过id获取view
27     */
28    public <T extends View> T getView(int viewId) {
29        // 先从缓存中找
30        View view = mViews.get(viewId);
31        if (view == null) {
32            // 直接从ItemView中找
33            view = itemView.findViewById(viewId);
34            mViews.put(viewId, view);
35        }
36        return (T) view;
37    }
38
39    /**
40     * 设置View的Visibility
41     */
42    public ViewHolder setViewVisibility(int viewId, int visibility) {
43        getView(viewId).setVisibility(visibility);
44        return this;
45    }
46
47    /**
48     * 设置ImageView的资源
49     */
50    public ViewHolder setImageResource(int viewId, int resourceId) {
51        ImageView imageView = getView(viewId);
52        imageView.setImageResource(resourceId);
53        return this;
54    }
55
56    /**
57     * 设置条目点击事件
58     */
59    public void setOnIntemClickListener(View.OnClickListener listener) {
60        itemView.setOnClickListener(listener);
61    }
62
63    /**
64     * 设置条目长按事件
65     */
66    public void setOnIntemLongClickListener(View.OnLongClickListener listener) {
67        itemView.setOnLongClickListener(listener);
68    }
69
70    /**
71     * 设置图片通过路径,这里稍微处理得复杂一些，因为考虑加载图片的第三方可能不太一样
72     * 也可以直接写死
73     */
74    public ViewHolder setImageByUrl(int viewId, HolderImageLoader imageLoader) {
75        ImageView imageView = getView(viewId);
76        if (imageLoader == null) {
77            throw new NullPointerException("imageLoader is null!");
78        }
79        imageLoader.displayImage(imageView.getContext(), imageView, imageLoader.getImagePath());
80        return this;
81    }
82
83    /**
84     * 图片加载，这里稍微处理得复杂一些，因为考虑加载图片的第三方可能不太一样
85     * 也可以不写这个类
86     */
87    public static abstract class HolderImageLoader {
88        private String mImagePath;
89
90        public HolderImageLoader(String imagePath) {
91            this.mImagePath = imagePath;
92        }
93
94        public String getImagePath() {
95            return mImagePath;
96        }
97
98        public abstract void displayImage(Context context, ImageView imageView, String imagePath);
99    }
100}

3.3 再次实战

1 @Override
2    public void convert(ViewHolder holder, ChannelListResult.DataBean.CategoriesBean.CategoryListBean item) {
3        // 显示数据
4        String str = item.getSubscribe_count() + " 订阅 | " +
5                "总帖数 <font color='#FF678D'>" + item.getTotal_updates() + "</font>";
6        holder.setText(R.id.channel_text, item.getName())
7                .setText(R.id.channel_topic, item.getIntro())
8                .setText(R.id.channel_update_info, Html.fromHtml(str));
9
10        // 是否是最新
11        if (item.isIs_recommend()) {
12            holder.setViewVisibility(R.id.recommend_label, View.VISIBLE);
13        } else {
14            holder.setViewVisibility(R.id.recommend_label, View.GONE);
15        }
16        // 加载图片
17        holder.setImageByUrl(R.id.channel_icon, new GlideImageLoader(item.getIcon_url()));
18    }

这里写图片描述

3.3 多布局实现

最后我们考虑一下多布局问题，有的时候我们列表的样式各不相同，随便打个比方，比如聊天的列表样式等等。
　　先介绍RecyclerView.Adapter的getItemViewType(int position)这个方法，可以根据当前位置获取一个viewType最终会传到onCreateViewHolder()这个方法中，就是它了。

1/**
2 * Created by Darren on 2016/12/28.
3 * Email: 240336124@qq.com
4 * Description:  多布局支持接口
5 */
6public interface MultiTypeSupport<T> {
7    // 根据当前位置或者条目数据返回布局
8    public int getLayoutId(T item, int position);
9}

最终的Adapter

1/**
2 * Created by Darren on 2016/12/28.
3 * Email: 240336124@qq.com
4 * Description: 通用的Adapter
5 */
6public abstract class CommonRecyclerAdapter<T> extends RecyclerView.Adapter<ViewHolder> {
7
8    protected Context mContext;
9    protected LayoutInflater mInflater;
10    //数据怎么办？
11    protected List<T> mData;
12    // 布局怎么办？
13    private int mLayoutId;
14
15    // 多布局支持
16    private MultiTypeSupport mMultiTypeSupport;
17
18    public CommonRecyclerAdapter(Context context, List<T> data, int layoutId) {
19        this.mContext = context;
20        this.mInflater = LayoutInflater.from(mContext);
21        this.mData = data;
22        this.mLayoutId = layoutId;
23    }
24
25    /**
26     * 多布局支持
27     */
28    public CommonRecyclerAdapter(Context context, List<T> data, MultiTypeSupport<T> multiTypeSupport) {
29        this(context, data, -1);
30        this.mMultiTypeSupport = multiTypeSupport;
31    }
32
33    /**
34     * 根据当前位置获取不同的viewType
35     */
36    @Override
37    public int getItemViewType(int position) {
38        // 多布局支持
39        if (mMultiTypeSupport != null) {
40            return mMultiTypeSupport.getLayoutId(mData.get(position), position);
41        }
42        return super.getItemViewType(position);
43    }
44
45    @Override
46    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
47        // 多布局支持
48        if (mMultiTypeSupport != null) {
49            mLayoutId = viewType;
50        }
51        // 先inflate数据
52        View itemView = mInflater.inflate(mLayoutId, parent, false);
53        // 返回ViewHolder
54        ViewHolder holder = new ViewHolder(itemView);
55
56
57        return holder;
58    }
59
60    @Override
61    public void onBindViewHolder(ViewHolder holder, final int position) {
62        // 设置点击和长按事件
63        if (mItemClickListener != null) {
64            holder.itemView.setOnClickListener(new View.OnClickListener() {
65                @Override
66                public void onClick(View v) {
67                    mItemClickListener.onItemClick(position);
68                }
69            });
70        }
71        if (mLongClickListener != null) {
72            holder.itemView.setOnLongClickListener(new View.OnLongClickListener() {
73                @Override
74                public boolean onLongClick(View v) {
75                    return mLongClickListener.onLongClick(position);
76                }
77            });
78        }
79
80        // 绑定怎么办？回传出去
81        convert(holder, mData.get(position));
82    }
83
84    /**
85     * 利用抽象方法回传出去，每个不一样的Adapter去设置
86     *
87     * @param item 当前的数据
88     */
89    public abstract void convert(ViewHolder holder, T item);
90
91    @Override
92    public int getItemCount() {
93        return mData.size();
94    }
95
96    /***************
97     * 设置条目点击和长按事件
98     *********************/
99    public OnItemClickListener mItemClickListener;
100    public OnLongClickListener mLongClickListener;
101
102    public void setOnItemClickListener(OnItemClickListener itemClickListener) {
103        this.mItemClickListener = itemClickListener;
104    }
105
106    public void setOnLongClickListener(OnLongClickListener longClickListener) {
107        this.mLongClickListener = longClickListener;
108    }
109}

多布局测试我就不在这里做过多的写了，如果不行大家可以选择看视频，我会在视频中去测试。

附视频地址：http://pan.baidu.com/s/1c27ogbY

RecyclerView更全解析之 - 打造通用的万能Adapter

1.概述

2．概述

3．基本思路

评论区

相关推荐