RecyclerView全面解析之二：做一个RecyclerVi

作者: 风卷晨沙 | 来源:发表于2018-10-11 16:27 被阅读139次

写在前面

如果每次都直接写一个Adapter，实在是特别的繁琐，代码太多，所以我在仔细学习之后，也在网上大神的博客之中取了不少经，现在准备好好打造一个万能的适配器。

之前我有一篇博客是写RecyclerView的基本使用的，我们现在就接着上一篇博客继续，一个暂时没有优化过的Adapter是这个样子的：

package com.lay.laykypro.adapter.ClidFragment;

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import com.lay.laykypro.R;

import java.util.HashMap;
import java.util.List;

import butterknife.BindView;
import butterknife.ButterKnife;


public class MainClidRecyclerViewAdapter extends RecyclerView.Adapter<MainClidRecyclerViewAdapter.MainClidHolder> {

    private List<HashMap<String, Object>> mdataList;
    private Context mContext;
    private LayoutInflater mLayoutInflater;

    //设置接口对象
    private OnItemClickListener onItemClickListener;

    public MainClidRecyclerViewAdapter(List<HashMap<String, Object>> mdataList, Context mContext) {
        this.mdataList = mdataList;
        this.mContext = mContext;
        this.mLayoutInflater = mLayoutInflater.from(mContext);
    }

    @Override
    public MainClidHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = mLayoutInflater.inflate(R.layout.item_recyclerview_clidfragment, parent, false);
        MainClidHolder mainClidHolder = new MainClidHolder(view);

        return mainClidHolder;
    }

    @Override
    public void onBindViewHolder(MainClidHolder holder, final int position) {
            //设置数据绑定
        HashMap<String, Object> itemHashMap = mdataList.get(position);
        //拿到控件
        holder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                onItemClickListener.onItemClick(position);
            }
        });
        holder.tvRecyclerview.setText((String)itemHashMap.get("type"));

    }

    public void setOnItemClickListener(OnItemClickListener onItemClickListener){
        this.onItemClickListener=onItemClickListener;

    }

    @Override
    public int getItemCount() {
        return mdataList.size();
    }

    class MainClidHolder extends RecyclerView.ViewHolder {
        @BindView(R.id.tv_recyclerview)
        TextView tvRecyclerview;


        public MainClidHolder(View itemView) {
            super(itemView);
            ButterKnife.bind(this, itemView);
        }
    }

    /**
     * 点击事件接口
     */
    public interface OnItemClickListener{
        void onItemClick(int position);
    }


}

现在我们来进行一步一步的优化。写一个BaseAdapter 使得以后所有的Recycler都用得上，用的时候直接继承就行了。

一、基本改造。

目标：数据改为泛型，布局id直接在构造其中传递，将数据绑定回传给子类，让子类专心处理这个东西。
代码如下：

package com.lay.laykypro.adapter.ClidFragment;

import android.content.Context;
import android.support.annotation.NonNull;
import android.support.v7.widget.RecyclerView;
import android.util.SparseArray;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import java.util.List;

/**
 * 基本改造
 * @param <T>
 */
public abstract class BaseRecyclerViewAdapter<T> extends RecyclerView.Adapter<BaseRecyclerViewAdapter.ViewHolder> {
    protected List<T> tList;
    protected Context mContext;
    protected LayoutInflater mLayoutInflater;
    protected int layId;

    private OnItemClickListener mOnItemClickListener;

    public BaseRecyclerViewAdapter(List<T> tList, Context mContext, int layId) {
        this.tList = tList;
        this.mContext = mContext;
        this.layId=layId;
        mLayoutInflater=LayoutInflater.from(mContext);
    }

    @NonNull
    @Override
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = mLayoutInflater.inflate(layId, parent, false);
        ViewHolder viewHolder = new ViewHolder(view);
        return viewHolder;
    }
    @Override
    public void onBindViewHolder(final BaseRecyclerViewAdapter.ViewHolder holder, final int position) {
        convert(holder,tList.get(position));
        holder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
              mOnItemClickListener.onItemClick(position);
            }
        });

    }
    public void setOnItemClickListener(OnItemClickListener onItemClickListener){
        this.mOnItemClickListener=onItemClickListener;
        
    }

    @Override
    public int getItemCount() {
        return tList.size();
    }

   public abstract  void convert(ViewHolder holder,T itemData);


    public class ViewHolder extends RecyclerView.ViewHolder {

        public ViewHolder(View itemView) {
            super(itemView);
     
       }

    }

    /**
     * 点击事件接口
     */
    public interface OnItemClickListener{
        void onItemClick(int position);
    }



}

二、实例尝试

带入上一篇博客：RecyclerView全面解析之一：基本使用和分割线的设置 - 简书 https://www.jianshu.com/p/cfbb0c2e9ffc的代码进行尝试。
代码如下：

package com.lay.laykypro.adapter.ClidFragment;

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import com.lay.laykypro.R;

import java.util.HashMap;
import java.util.List;

import butterknife.BindView;
import butterknife.ButterKnife;


public class MainClidRecyclerViewAdapter extends BaseRecyclerViewAdapter<HashMap<String, Object>> {



    public MainClidRecyclerViewAdapter(List<HashMap<String, Object>> hashMaps, Context mContext, int layId) {
        super(hashMaps, mContext, layId);
    }

    @Override
    public void convert(ViewHolder holder, HashMap<String, Object> itemData) {
        TextView tvRecyclerView = (TextView) holder.itemView.findViewById(R.id.tv_recyclerview);
        tvRecyclerView.setText((String)itemData.get("type"));

    }
    



}

在这个地方我遇到了两个报错：
1.MainClidRecyclerViewAdapter 不是抽象的, 并且未覆盖Adapter中的抽象方法onBindViewHolder(BaseRecyclerAdapter.ViewHolder,int)
2.方法不会覆盖或实现超类型的方法
解决方法：Error:(13, 8) 错误: xxx不是抽象的, 并且未覆盖xxx中的抽象方法onBindViewHolder(BaseSimpleRecyclerAdapter.ViewHolder,int) - yql_running的博客 - CSDN博客 https://blog.csdn.net/yql_running/article/details/69054523

三、优化ViewHolder

之前是把所有的数据处理整理到了convert()方法中，现在我们来优化一下ViewHolder类。

1.这里我们在使用Map类的时候进行一下选择，参考博客：
Android内存优化（使用SparseArray和ArrayMap代替HashMap） - 【博客地址永久迁移到】：http://zhengxiaoyong.me - CSDN博客 https://blog.csdn.net/u010687392/article/details/47809295

2.这里我们在写setText方法的时候参考了一下：
String详解, String和CharSequence区别, StringBuilder和StringBuffer的区别 (String系列之1) - 如果天空不死 - 博客园 http://www.cnblogs.com/skywang12345/p/string01.html

代码如下：

 public class ViewHolder extends RecyclerView.ViewHolder {

        private SparseArray<View> mViewArray;

        public ViewHolder(View itemView) {
            super(itemView);
            mViewArray=new SparseArray<>();
        }

        /**
         * 通过id得到view
         * @param viewId
         * @param <V>
         * @return
         */
        public <V extends View>V getViewAtId(int viewId){
            View view = mViewArray.get(viewId);
            if(view==null){
                view=itemView.findViewById(viewId);
                mViewArray.put(viewId,view);
            }
            return (V)view;
        }

        /**
         * 设置文字
         * @param viewId
         * @param text
         * @return
         */
        public ViewHolder setText(int viewId,CharSequence text){
           TextView textView= getViewAtId(viewId);
           textView.setText(text);
           return  this;
        }

        /**
         * 通过网址设置图片
         * @param viewId
         * @param imgUrl
         * @return
         */
        public ViewHolder setImageFromUrl(int viewId,String imgUrl){
           ImageView imageView= getViewAtId(viewId);
            Glide.with(imageView.getContext()).load(imgUrl).into(imageView);
            return this;
        }

        /**
         * 通过资源来设置图片资源
         * @param viewId
         * @param resId
         * @return
         */
        public ViewHolder setImageFromRes(int viewId,int resId){
            ImageView imageView = getViewAtId(viewId);
            imageView.setImageResource(resId);
            return this;
        }

        /**
         * 设置控件透明度
         * @param viewId
         * @param visibility
         * @return
         */
        public ViewHolder setViewVisibility(int viewId,int visibility){
            View view = getViewAtId(viewId);
            view.setVisibility(visibility);
            return this;
        }


    }

优化之后， MainClidRecyclerViewAdapter 代码如下：

package com.lay.laykypro.adapter.ClidFragment;

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import com.lay.laykypro.R;

import java.util.HashMap;
import java.util.List;

import butterknife.BindView;
import butterknife.ButterKnife;


public class MainClidRecyclerViewAdapter extends BaseRecyclerViewAdapter<HashMap<String, Object>> {



    public MainClidRecyclerViewAdapter(List<HashMap<String, Object>> hashMaps, Context mContext, int layId) {
        super(hashMaps, mContext, layId);
    }

    @Override
    public void convert(ViewHolder holder, HashMap<String, Object> itemData) {
       holder.setText(R.id.tv_recyclerview,(String)itemData.get("type"));

    }

}

下一步，我们来考虑多布局。

四、多布局接口的实现

我们经常会看到列表的呈现形式并不是单一形式的，也就是item的多布局，之前我们不断封装的过程中我们应该可以领悟一个基本思想，就是不变的东西我们应该把它丢到Base类中去，只有具体的业务逻辑才应该放到实现类中来写。因此，借由这个基本思想我们来看看什么才是多布局功能不变的部分。
多布局的基本逻辑是通过对item的具体数据分析，以此来判断到底应该得到哪一个item的布局。
在这个逻辑中，通过每一个item的数据，得到具体布局是不变的部分，因此，接口可得，代码如下：

  /**
     * 多布局接口
     * @param <T>
     */
    public interface  MultiTypeSupport<T>{
        int getLayoutId(T item);
    }

改写getItemViewType 方法，代码如下：


    @Override
    public int getItemViewType(int position) {
        if (multiTypeSupport!=null){
            return multiTypeSupport.getLayoutId(tList.get(position));
        }
        return super.getItemViewType(position);
    }

在Adapter中设置多布局：

   public void setMultiTypeSupport(MultiTypeSupport<T> multiTypeSupport){
        this.multiTypeSupport=multiTypeSupport;
    }

改写onCreateViewHolder，代码如下：

    @NonNull
    @Override
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        // 多布局支持
        if (multiTypeSupport != null) {
            mLayoutId = viewType;//这个就是getItemViewType方法的返回值，我们直接使用布局Id来做返回值，可以省略设置静态int值。
        }
        View view = mLayoutInflater.inflate(mLayoutId, parent, false);
        ViewHolder viewHolder = new ViewHolder(view);
        return viewHolder;
    }

在Fragment中来写具体的布局逻辑，代码如下：

        mainClidRecyclerViewAdapter.setMultiTypeSupport(new BaseRecyclerViewAdapter.MultiTypeSupport<HashMap<String, Object>>() {
            @Override
            public int getLayoutId(HashMap<String, Object> item) {
                String type = (String) item.get("type");
                if(type.equals("horizontalScrollCard")){
                    return R.layout.item_recyclerview_clidfragment;
                }else if(type.equals("header5")){
                    return R.layout.item_recyclerview_nofragment;
                }


                return 0;
            }
        });

最后一个问题，我们应该怎么在convert方法中实现对不同的布局进行不同的数据加载呢？毕竟我们这个方法的传入参数可没有ViewType。
回答：直接通过item数据来判断就可以了。
至此逻辑理清，博客结束。

RecyclerView全面解析之二：做一个RecyclerVi

写在前面

一、基本改造。

二、实例尝试

三、优化ViewHolder

四、多布局接口的实现

相关文章

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读

Android