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

1.概述

　　離春節隻有一個月，同時也在準備公司的節目是以每天有一段時間在練習吉他，剛剛群裡有人問我什麼時候開始分享仿内涵段子整個項目。算一下時間RecyclerView可能有4期左右的分享，自己又隻能周末錄講解視訊，所有可能會要等過完春節才能全部開始。

　　上一篇已經簡單的講解了一下RecyclerView更全解析之 - 基本使用和分割線解析。這一期我們來看一下怎麼去打造一個萬能的RecyclerView.Adapter。

　　視訊講解：http://pan.baidu.com/s/1hs1EOdA

　　RecyclerView更全解析之 - 基本使用和分割線解析

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

　　RecyclerView更全解析之 - 為它優雅的添加頭部和底部

　　RecyclerView更全解析之 - 打造通用的下拉重新整理上拉加載

　　RecyclerView更全解析之 - 仿支付寶側滑删除和拖動排序

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

2．概述　

　　我們肯定都用過ListView的萬能Adapter，不知道大家有沒有看過源碼其實寫起來也不困難。這裡給大家介紹一篇部落格大家可以看一下打造萬能的ListView GridView 擴充卡，部落客是鴻洋大神牛叉中的牛叉，如果沒有思路可以參考這個。

　　其實我們在這裡是想解決上一篇的那些坑，但是千萬記得别過度設計一層一層套一層誰也看不懂。大緻有：

清單資料綁定有一點複雜代碼有點多
每個清單設定條目點選事件和長按事件坑啊
如果是多條目布局，更不知道要寫多少代碼

3．基本思路　

　　建立一個RecyclerView.Adapter什麼都不寫大概就是這個樣子：

/**
 * Created by Darren on 2016/12/28.
 * Email: [email protected]
 * Description: 通用的Adapter
 */
public class CommonRecyclerAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {

    protected Context mContext;
    private LayoutInflater mInflater;

    // 資料怎麼辦？ 布局怎麼辦？ 綁定怎麼辦？
    public CommonRecyclerAdapter(Context context) {
        this.mContext = context;
        this.mInflater = LayoutInflater.from(mContext);
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        return null;
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {

    }

    @Override
    public int getItemCount() {
        return ;
    }
}

/**
 * Created by Darren on 2016/12/28.
 * Email: [email protected]
 * Description: RecyclerView的ViewHolder
 */
public class ViewHolder extends RecyclerView.ViewHolder {
    public ViewHolder(View itemView) {
        super(itemView);
    }
}

　　既然想做到通用那麼現在擺在面前的就三個問題：資料怎麼辦？布局怎麼辦？綁定怎麼辦？。資料決定采用泛型，布局打算直接構造傳第，綁定顯示效果肯定就隻能回傳。

3.1 基本改造

　　資料決定采用泛型，布局打算直接構造傳遞，綁定顯示效果回傳。

/**
 * Created by Darren on 2016/12/28.
 * Email: [email protected]
 * Description: 通用的Adapter
 */
public abstract class CommonRecyclerAdapter<T> extends RecyclerView.Adapter<ViewHolder> {

    protected Context mContext;
    protected LayoutInflater mInflater;
    //資料怎麼辦？利用泛型
    protected List<T> mDatas;
    // 布局怎麼辦？直接從構造裡面傳遞
    private int mLayoutId;

    public CommonRecyclerAdapter(Context context, List<T> datas, int layoutId) {
        this.mContext = context;
        this.mInflater = LayoutInflater.from(mContext);
        this.mDatas = datas;
        this.mLayoutId = layoutId;
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        // 先inflate資料
        View itemView = mInflater.inflate(mLayoutId, parent, false);
        // 傳回ViewHolder
        ViewHolder holder = new ViewHolder(itemView);
        return holder;
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        // 綁定怎麼辦？回傳出去
        convert(holder, mDatas.get(position));
    }

    /**
     * 利用抽象方法回傳出去，每個不一樣的Adapter去設定
     * @param item 目前的資料
     */
    public abstract void convert(ViewHolder holder, T item);

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

3.2 實戰使用

　　接下來我們就把上一期的RecyclerView更全解析之 - 基本使用和分割線解析的Adapter做一下改造，看一看代碼能簡化多少：

/**
 * Created by Darren on 2016/12/28.
 * Email: [email protected]
 * Description: 利用萬能通用的Adapter改造後的清單
 */
public class CategoryListAdapter extends CommonRecyclerAdapter<ChannelListResult.
        DataBean.CategoriesBean.CategoryListBean>{

    public CategoryListAdapter(Context context, List<ChannelListResult.DataBean.
            CategoriesBean.CategoryListBean> datas) {
        super(context, datas, R.layout.channel_list_item);
    }

    @Override
    public void convert(ViewHolder holder, ChannelListResult.DataBean.CategoriesBean.CategoryListBean item) {
        // 從ViewHolder中去findViewById
        TextView nameTv = (TextView) holder.itemView.findViewById(R.id.channel_text);
        TextView channelTopicTv = (TextView) holder.itemView.findViewById(R.id.channel_topic);
        TextView channelUpdateInfo = (TextView) holder.itemView.findViewById(R.id.channel_update_info);
        View recommendLabel = holder.itemView.findViewById(R.id.recommend_label);
        ImageView channelIconIv = (ImageView) holder.itemView.findViewById(R.id.channel_icon);

        // 顯示資料
        nameTv.setText(item.getName());
        channelTopicTv.setText(item.getIntro());
        String str = item.getSubscribe_count() + " 訂閱 | " +
                "總帖數 <font color='#FF678D'>" + item.getTotal_updates() + "</font>";
        channelUpdateInfo.setText(Html.fromHtml(str));
        // 是否是最新
        if (item.isIs_recommend()) {
            recommendLabel.setVisibility(View.VISIBLE);
        } else {
            recommendLabel.setVisibility(View.GONE);
        }
        // 加載圖檔
        Glide.with(mContext).load(item.getIcon_url()).centerCrop().into(channelIconIv);
    }
}

　　代碼少了不知道多少了，反正現在我們隻需要關注convert()方法，但是還可以更加簡單一點，我們對ViewHolder做一下優化。

3.3 改造ViewHolder

/**
 * Created by Darren on 2016/12/28.
 * Email: [email protected]
 * Description: RecyclerView的ViewHolder
 */
public class ViewHolder extends RecyclerView.ViewHolder {

    // 用來存放子View減少findViewById的次數
    private SparseArray<View> mViews;

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

    /**
     * 設定TextView文本
     */
    public ViewHolder setText(int viewId, CharSequence text) {
        TextView tv = getView(viewId);
        tv.setText(text);
        return this;
    }

    /**
     * 通過id擷取view
     */
    public <T extends View> T getView(int viewId) {
        // 先從緩存中找
        View view = mViews.get(viewId);
        if (view == null) {
            // 直接從ItemView中找
            view = itemView.findViewById(viewId);
            mViews.put(viewId, view);
        }
        return (T) view;
    }

    /**
     * 設定View的Visibility
     */
    public ViewHolder setViewVisibility(int viewId, int visibility) {
        getView(viewId).setVisibility(visibility);
        return this;
    }

    /**
     * 設定ImageView的資源
     */
    public ViewHolder setImageResource(int viewId, int resourceId) {
        ImageView imageView = getView(viewId);
        imageView.setImageResource(resourceId);
        return this;
    }

    /**
     * 設定條目點選事件
     */
    public void setOnIntemClickListener(View.OnClickListener listener) {
        itemView.setOnClickListener(listener);
    }

    /**
     * 設定條目長按事件
     */
    public void setOnIntemLongClickListener(View.OnLongClickListener listener) {
        itemView.setOnLongClickListener(listener);
    }

    /**
     * 設定圖檔通過路徑,這裡稍微處理得複雜一些，因為考慮加載圖檔的第三方可能不太一樣
     * 也可以直接寫死
     */
    public ViewHolder setImageByUrl(int viewId, HolderImageLoader imageLoader) {
        ImageView imageView = getView(viewId);
        if (imageLoader == null) {
            throw new NullPointerException("imageLoader is null!");
        }
        imageLoader.displayImage(imageView.getContext(), imageView, imageLoader.getImagePath());
        return this;
    }

    /**
     * 圖檔加載，這裡稍微處理得複雜一些，因為考慮加載圖檔的第三方可能不太一樣
     * 也可以不寫這個類
     */
    public static abstract class HolderImageLoader {
        private String mImagePath;

        public HolderImageLoader(String imagePath) {
            this.mImagePath = imagePath;
        }

        public String getImagePath() {
            return mImagePath;
        }

        public abstract void displayImage(Context context, ImageView imageView, String imagePath);
    }
}

3.3 再次實戰

@Override
    public void convert(ViewHolder holder, ChannelListResult.DataBean.CategoriesBean.CategoryListBean item) {
        // 顯示資料
        String str = item.getSubscribe_count() + " 訂閱 | " +
                "總帖數 <font color='#FF678D'>" + item.getTotal_updates() + "</font>";
        holder.setText(R.id.channel_text, item.getName())
                .setText(R.id.channel_topic, item.getIntro())
                .setText(R.id.channel_update_info, Html.fromHtml(str));

        // 是否是最新
        if (item.isIs_recommend()) {
            holder.setViewVisibility(R.id.recommend_label, View.VISIBLE);
        } else {
            holder.setViewVisibility(R.id.recommend_label, View.GONE);
        }
        // 加載圖檔
        holder.setImageByUrl(R.id.channel_icon, new GlideImageLoader(item.getIcon_url()));
    }

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

3.3 多布局實作

　　最後我們考慮一下多布局問題，有的時候我們清單的樣式各不相同，随便打個比方，比如聊天的清單樣式等等。

　　先介紹RecyclerView.Adapter的getItemViewType(int position)這個方法，可以根據目前位置擷取一個viewType最終會傳到onCreateViewHolder()這個方法中，就是它了。

/**
 * Created by Darren on 2016/12/28.
 * Email: [email protected]
 * Description:  多布局支援接口
 */
public interface MultiTypeSupport<T> {
    // 根據目前位置或者條目資料傳回布局
    public int getLayoutId(T item, int position);
}

　　最終的Adapter

/**
 * Created by Darren on 2016/12/28.
 * Email: [email protected]
 * Description: 通用的Adapter
 */
public abstract class CommonRecyclerAdapter<T> extends RecyclerView.Adapter<ViewHolder> {

    protected Context mContext;
    protected LayoutInflater mInflater;
    //資料怎麼辦？
    protected List<T> mData;
    // 布局怎麼辦？
    private int mLayoutId;

    // 多布局支援
    private MultiTypeSupport mMultiTypeSupport;

    public CommonRecyclerAdapter(Context context, List<T> data, int layoutId) {
        this.mContext = context;
        this.mInflater = LayoutInflater.from(mContext);
        this.mData = data;
        this.mLayoutId = layoutId;
    }

    /**
     * 多布局支援
     */
    public CommonRecyclerAdapter(Context context, List<T> data, MultiTypeSupport<T> multiTypeSupport) {
        this(context, data, -);
        this.mMultiTypeSupport = multiTypeSupport;
    }

    /**
     * 根據目前位置擷取不同的viewType
     */
    @Override
    public int getItemViewType(int position) {
        // 多布局支援
        if (mMultiTypeSupport != null) {
            return mMultiTypeSupport.getLayoutId(mData.get(position), position);
        }
        return super.getItemViewType(position);
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        // 多布局支援
        if (mMultiTypeSupport != null) {
            mLayoutId = viewType;
        }
        // 先inflate資料
        View itemView = mInflater.inflate(mLayoutId, parent, false);
        // 傳回ViewHolder
        ViewHolder holder = new ViewHolder(itemView);


        return holder;
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, final int position) {
        // 設定點選和長按事件
        if (mItemClickListener != null) {
            holder.itemView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    mItemClickListener.onItemClick(position);
                }
            });
        }
        if (mLongClickListener != null) {
            holder.itemView.setOnLongClickListener(new View.OnLongClickListener() {
                @Override
                public boolean onLongClick(View v) {
                    return mLongClickListener.onLongClick(position);
                }
            });
        }

        // 綁定怎麼辦？回傳出去
        convert(holder, mData.get(position));
    }

    /**
     * 利用抽象方法回傳出去，每個不一樣的Adapter去設定
     *
     * @param item 目前的資料
     */
    public abstract void convert(ViewHolder holder, T item);

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

    /***************
     * 設定條目點選和長按事件
     *********************/
    public OnItemClickListener mItemClickListener;
    public OnLongClickListener mLongClickListener;

    public void setOnItemClickListener(OnItemClickListener itemClickListener) {
        this.mItemClickListener = itemClickListener;
    }

    public void setOnLongClickListener(OnLongClickListener longClickListener) {
        this.mLongClickListener = longClickListener;
    }
}

多布局測試我就不在這裡做過多的寫了，如果不行大家可以選擇看視訊，我會在視訊中去測試。

附視訊位址：http://pan.baidu.com/s/1hs1EOdA

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

1.概述

2．概述

3．基本思路

繼續閱讀

專訪鄧凡平：深入了解Android

與專家面對面：Android開發入門問與答

Android MVP架構MVCMVP

mvp初探

Android常用工具類簡介目錄

android常用工具類轉載自：http://www.trinea.cn/android/android-common-utils/Android常用工具類

Android常用工具類ToastUtilsSizeUtilsLogUtilsRetrofitManagerAnimUtil

Android Studio 0.8.0解決 Failure [INSTALL_FAILED_OLDER_SDK] 問題

Android – ListView 中添加按鈕，動态删除添加ItemView的操作

Kotlin的ListView與RecyclerView的簡單應用

關于公司的那些坑：Android Studio篇

android SQLite事務和kotlin協程

無法正常編譯錯誤Compilation failed to complete

關于Gradle配置的小結

AOP程式設計_Android優雅權限架構(1)概念基礎，2021金三銀四前言正文大綱正文

Android APK檔案反編譯Android APK檔案反編譯