2. 程式人生 > >Android RecyclerView簡單通用介面卡

Android RecyclerView簡單通用介面卡

阿新 • • 發佈：2019-02-03

一直都想寫一個通用的RecyclerView介面卡，但是一直都無從下手，後來看了鴻洋大神的部落格後才知道怎麼寫，並且在此基礎上添加了點自己的東西，終於算是大功告成。先上程式碼看看

public class ViewHolder extends RecyclerView.ViewHolder {

    private Context context;
    private SparseArray<View> mViews;
    private View mConvertView;

    public ViewHolder(Context context, View itemView, ViewGroup parent) {
        super
 
(itemView);
        this.context=context;
        this.mConvertView=itemView;
        mViews=new SparseArray<>();
    }

    //獲得holder物件
    public static ViewHolder getHolder(Context context,ViewGroup parent,int layoutId){
        View itemView= LayoutInflater.from(context).inflate(layoutId,parent,false
 
);
        ViewHolder holder=new ViewHolder(context,itemView,parent);
        return holder;
    }

    //通過id獲取控制元件
    public <T extends View> T getView(int viewId){
        View view=mViews.get(viewId);
        if (view==null){
            view=mConvertView.findViewById(viewId);
            mViews.put(viewId,view);
        }
        return
 
 (T)view;
    }

    /******************************以下是輔助方法******************************/

    //設定文字的方法
    public ViewHolder setTexts(int viewId,String text){
        TextView tv=getView(viewId);
        tv.setText(text);
        return this;
    }

    //設定圖片的方法
    public ViewHolder setImage(int viewId,int resId){
        ImageView iv=getView(viewId);
        iv.setImageResource(resId);
        return this;
    }

    //設定點選事件
    public ViewHolder setClickListener(int viewId, View.OnClickListener listener){
        View view=getView(viewId);
        view.setOnClickListener(listener);
        return this;
    }

}

這是一個通用Viewholder，大家可以看到程式碼很簡單，包括建構函式總共也就三個函式而已其他兩個分別是getHolder(獲得holder物件的方法)和getView（通過id獲得view的方法），在這個通用holder中定義了三個變數，其中SparseArray是用來存放View的，這個東西可有可無，用了比不用更有效率，不用的話這樣寫就好了（getView方法中）：View view=mConvertView.findViewById(viewId); return (T)view;，其他兩個也沒什麼異議的了，相信大家都懂的。以上這些就是通用ViewHolder主要的部分了。至於後面的三個輔助方法則是為了更方便的設定圖片文字等，大家有需要的可以自行加上去即可。接下來我們說說getView方法，這個方法就是我們找到item裡的控制元件的方法，大家可以看到，我們只需要將控制元件的id傳入即可。看的不是很明白的同學可以點開我上面連結的鴻洋大神的部落格來看。
ViewHolder先到這裡，現在看看RecyclerView的Adapter。

public abstract class CommentAdapter<T> extends RecyclerView.Adapter<ViewHolder> {

    protected Context mContext;
    protected int mLayoutId;
    protected List<T> mDatas;
    protected LayoutInflater mInflater;

    /**********設定FooterView和HeaderView********************/
    private static final int TYPE_NORMAL = 0;
    private static final int TYPE_FOOTER = 1;
    private static final int TYPE_HEADER = 2;

    private int headerViewId = 0;
    private int footerViewId = 0;

    public void setFooterView(int footerViewId) {
        this.footerViewId = footerViewId;
        notifyItemInserted(getItemCount() - 1);
    }

    public int getFooterView() {
        return footerViewId;
    }

    public void setHeaderView(int headerViewId) {
        this.headerViewId = headerViewId;
        notifyItemInserted(0);
    }

    public int getHeaderViewId() {
        return headerViewId;
    }

    /**********************  Item點選介面  *********************/
    public interface OnItemClickListener {
        void onItemClick(View view, int position);
    }

    private OnItemClickListener onItemClickListener;

    //設定item點選時間監聽的方法
    public void setOnItemClickLitener(OnItemClickListener onItemClickListener) {
        this.onItemClickListener = onItemClickListener;
    }

    /************************構造器****************************/

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

    /***************載入更多資料方法**************/

    public void onLoadMoreDatas(List<T> datas) {
        if (mDatas == null) {
            mDatas = datas;
            notifyDataSetChanged();
        } else {
            mDatas.addAll(datas);
            notifyDataSetChanged();
        }
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

        if (headerViewId != 0 && viewType == TYPE_HEADER) {    
            return ViewHolder.getHolder(mContext, parent, headerViewId);
        } else if (footerViewId != 0 && viewType == TYPE_FOOTER) {    //假如footerViewId不等於0和viewType等於TYPE_FOOTER則返回footerView
            return ViewHolder.getHolder(mContext, parent, footerViewId);
        }
        ViewHolder viewHolder = ViewHolder.getHolder(mContext, parent, mLayoutId);
        return viewHolder;
    }

    @Override
    public void onBindViewHolder(final ViewHolder holder, int position) {
        final int pos = holder.getLayoutPosition();//獲得item的位置
        if (getItemViewType(pos) == TYPE_HEADER) {
            convert(holder, null, position, false, true);
        } else if (getItemViewType(pos) == TYPE_FOOTER) {
            convert(holder, null, position, true, false);
        } else {
            if (getHeaderViewId() != 0) {
                convert(holder, mDatas.get(position - 1), position, false, false);
            } else {
                convert(holder, mDatas.get(position), position, false, false);
            }

        }

        if (onItemClickListener != null) {
            holder.itemView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    onItemClickListener.onItemClick(holder.itemView, pos);
                }
            });
        }
    }

    @Override
    public int getItemViewType(int position) {
        if (footerViewId == 0 && headerViewId == 0) return TYPE_NORMAL;
        if (headerViewId != 0) {
            if (position == 0) {
                return TYPE_HEADER;
            }
        }
        if (footerViewId != 0) {
            if (position == getItemCount() - 1)
                return TYPE_FOOTER;
        }
        return TYPE_NORMAL;
    }

    @Override
    public int getItemCount() {
        if (footerViewId != 0 && headerViewId != 0) {
            return mDatas.size() + 2;
        } else if (footerViewId != 0 && headerViewId == 0) {
            return mDatas.size() + 1;
        } else if (footerViewId == 0 && headerViewId != 0) {
            return mDatas.size() + 1;
        }
        return mDatas.size();
    }

    public abstract void convert(ViewHolder holder, T t, int position, boolean isFooter, boolean isHeader);
}

大家可以看到，我這個通用Adapter中提供了插入Header和Footer的方法和Item點選的方法，插入Footer和Header方法也只需要提供佈局id即可，關於這個插入footer和header，最主要的是判斷返回item數目，相信大家都可以看的懂的。其他的我就不說那麼多了，主要就是通過泛型接收資料並設定上去，載入更多資料方法也是，接收要新增的資料並通知更新即可，在這裡有個點要提醒大家，有人說Recyclerview使用notifyDataSetChanged()不如直接使用Listview,對此我並不是很懂是為什麼，反正我只會用notifyDataSetChanged()來通知更新批量資料。還有很多不完善的地方，我這裡只是提供個例子供大家參考，不喜勿噴。最後貼一下呼叫介面卡的例子，

public class Test extends Activity {
//這裡是找id，沒用過這個框架的同學用傳統的方法即可
    @BindView(R.id.rv_test)
    RecyclerView mTest;
    @BindView(R.id.bt_addHeader)
    Button mAddHeader;
    @BindView(R.id.bt_addFooter)
    Button mAddFooter;
    @BindView(R.id.bt_addDatas)
    Button mAddDatas;

    TextView loadMore;
    ProgressBar pb;
    TextView loadMore2;
    ProgressBar pb2;

    CommentAdapter<String> commentAdatper = null;
    private List<String> datas = new ArrayList<>();

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        View view = View.inflate(Test.this, R.layout.activity_mvc, null);
        ButterKnife.bind(Test.this, view);
        setContentView(view);

        init();

    }


    private void init() {
        addDatas();
        initListener();
        mTest.setLayoutManager(new LinearLayoutManager(this));
        mTest.setAdapter(commentAdatper = new CommentAdapter<String>(Test.this, R.layout.item_test, datas) {
            @Override
            public void convert(final ViewHolder holder, final String s, final int position, boolean isFooter, boolean isHeader) {
                if (isHeader) {
                    loadMore2 = holder.getView(R.id.tv_loadMore);
                    pb2 = holder.getView(R.id.pb_loading);
                } else if (isFooter && position == commentAdatper.getItemCount() - 1) {
                    loadMore = holder.getView(R.id.tv_loadMore);
                    pb = holder.getView(R.id.pb_loading);
                } else {
                    holder.setTexts(R.id.tv_test, position + s);
                }

            }
        });
        mTest.addItemDecoration(new DividerItemDecoration(this, DividerItemDecoration.VERTICAL_LIST));
        commentAdatper.setOnItemClickLitener(new CommentAdapter.OnItemClickListener() {
            @Override
            public void onItemClick(View view, int position) {
                Toast.makeText(Test.this, "點選了" + position + "項", Toast.LENGTH_SHORT).show();
                if (commentAdatper.getHeaderViewId() != 0 && position == 0) {
                    loadMore2.setVisibility(View.GONE);
                    pb2.setVisibility(View.VISIBLE);
                }
                if (commentAdatper.getFooterView() != 0 && position == commentAdatper.getItemCount() - 1) {
                    loadMore.setVisibility(View.GONE);
                    pb.setVisibility(View.VISIBLE);
                }
            }
        });


    }

    private void initListener() {
        mAddHeader.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                commentAdatper.setHeaderView(R.layout.item_footerview);
            }
        });
        mAddFooter.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                commentAdatper.setFooterView(R.layout.item_footerview);
            }
        });
        mAddDatas.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                commentAdatper.onRefreshDatas(newDatas());
            }
        });
    }

    private void addDatas() {
        datas.add("123");
        datas.add("是領導看看菲拉斯");
        datas.add("我我我");
        datas.add("lsjd");
        datas.add("sdf");
        datas.add("fgj");
        datas.add("rty");
        datas.add("jh,");
        datas.add("123");
        datas.add("是領導看看菲拉斯");
        datas.add("我我我");
        datas.add("lsjd");
        datas.add("sdf");
        datas.add("fgj");
        datas.add("rty");
        datas.add("jh,");
        datas.add("123");

    }

    private List<String> newDatas() {
        List<String> datas = new ArrayList<>();
        datas.add("東東");
        datas.add("南南");
        datas.add("西西");
        datas.add("北北");
        return datas;
    }

}

最後是對應的佈局檔案

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        >
        <Button
            android:id="@+id/bt_addHeader"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="新增Header"
            />
        <Button
            android:id="@+id/bt_addFooter"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="30dp"
            android:text="新增Footer"
            />

        <Button
            android:id="@+id/bt_addDatas"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="30dp"
            android:text="新增Datas"
            />

    </LinearLayout>


    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv_test"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

    </android.support.v7.widget.RecyclerView>

</LinearLayout>

item的佈局檔案大家可以自行寫，這裡就不貼了。我寫的通用介面卡有很多不完善的地方，希望能給大家提供個參考，不懂的地方可以在下面留言，我一定全力解答。我旨在提供個例子，讓有需要的人蔘考。希望大家能夠共同進步，共同學習，祝早日走上人生巔峰。

相關推薦

Android RecyclerView簡單通用介面卡

一直都想寫一個通用的RecyclerView介面卡，但是一直都無從下手，後來看了鴻洋大神的部落格後才知道怎麼寫，並且在此基礎上添加了點自己的東西，終於算是大功告成。先上程式碼看看 public class ViewHolder extends Recycler

android RecyclerView簡單的使用

istview class inflater 開發 bin extends gradle onbind port 轉自：https://blog.csdn.net/lmj623565791/article/details/45059587 概述 RecyclerView出現

Android RecyclerView設計通用Adapter

RecylerView 的使用頻率現在也算做是很高了吧？使用起來的確是挺方便的，也容易實現一些比較好看的效果 一、一般步驟 一般的設計流程都是如下所示 首先是需要一個 JavaBean 來承載資料，包含的內容分別是標題還有內容 public clas

讓偷懶更徹底——用Butterknife 來為recyclerview 打造通用介面卡(上)

背景 隨著recyclerview 的越來越普及，其高度的易用性，讓我們越來越愛不釋手，當然網上也出現了很多類似的通用介面卡，讓我們更加方便的使用它，今天我們這裡介紹一種新的recyclerview的通用介面卡的實現思路——把recyclerview和Butt

打造RecyclerView的通用介面卡

SDK的5.0版本出來已經N久了，可以說是已經經過許多人的檢驗了，裡面的新控制元件不能說是非常完美，但也是非常好用了，其中最讓我喜愛的就是RecyclerView了，可以完美替代ListView和GridView(除了新增headerview和footvie

android RecyclerView 簡單粗暴設定GridLayoutManager item之間的間距

最近做一個購買會員功能，其中有個RecyclenView 的選擇列表，需要實現橫向列表，跟九宮格類似的功能。如下圖， 其中選擇Recyclenview選中變高亮，分分四格就需要給recyclenview 的GridLayoutManager 畫分割線，直接畫是畫不出豎線

android學習筆記 通用介面卡工具類和ViewHolder工具類

<pre class="java" name="code">/** * 通用介面卡工具類 * Created by bobok on 2016/9/5. */ public abstract class CommonAdapter<T> ext

Android RecyclerView通用介面卡，支援Header、Footer、LoadMore、EmptyView等功能

前言 RecyclerView已經發布很久了，高度的解耦性和靈活的定製性使得其一經發布就廣受好評，但在使用過程中會發現，編寫介面卡的程式碼量貌似有點多，而且不支援新增HeaderView、FooterView等功能，甚至連Item點選監聽都沒有，這當然是不能忍

Android之RecyclerView簡單使用(三)

圖片 vertica pack listview sdn art code offset ddc 使用過ListView滴小夥伴都知道。ListView有這樣一個屬性android:divider，用來設置每一個item之間切割線滴屬性。問題來了，那麽R

RecyclerView 通用介面卡封裝

有很久沒有寫部落格了，主要還是因為小 baby 的誕生，忙前忙後，跑來跑去的很少有整片整片的時間靜下心來寫部落格，現在小楠終於回北京了，自己利用 SpringBoot 搭建部落格也基本完成了，終於有了自己的個人部落格。這段時間雖然沒有寫部落格，但是平時也不是沒有積累，只是零零散散的記在本子裡，現

Android APP包的fragment結合viewPager使用的通用介面卡

在開發中，二次開發不可避免，然而在開發中可能會發現別人之前用的是app包的fragment，並不是v4包的；為了相容，你只能建立APP包的fragment，所以在結合viewpager使用的時候你會發現api中並沒有提供app包的fragment結合viewpager使用的介面卡；所以乾貨來了：

Android recyclerView的簡單封裝

1.編寫BaseRvViewHolder public class BaseRvViewHolder extends RecyclerView.ViewHolder { public SparseArray<View> arrayViews; public Conte

Android的RecyclerView簡單使用的例項(附Demo)

 目錄 前言：RecycleView能夠靈活實現大資料的展示，檢視的複用管理比ListView更好，能夠顯示列表、網格、瀑布流等形式、且不同的ViewHolder能夠實現item多元化的功能。 1.例子1：線性Recyc

android RecyclerView介面卡實現item+item內部控制元件點選事件

@先看看效果是不是自己想要的吧@Adapter：自定義一個繼承RecyclerView.Adapter的介面卡，作用：將資料與每一個item繫結LayoutManager：佈局管理器，確定每一個item的擺放形式，展示和隱藏        a: LinearLayoutMan

Android RecyclerView通用Adapter及item拖拽、滑動刪除

package test.gzy.qqtest.RecyclerView; import android.app.Service; import android.graphics.Color; import android.os.Bundle; import android.os.Vibrator; impo

Android Recyclerview粘性頭部 簡單實現

引言 最近好久沒寫程式碼了，都是一直在維護之前的專案，由於工作的需要，學習重心最近放在了Js的學習上。以至於，我有個需求要寫個Recyclerview列表，我竟然一下子忘記怎麼寫了，我只能去網上搜索相關的使用方法，後來才覺得寫筆記的重要性，一方面自己看自己寫的

如何簡單的搭建一個ReactNative APP（Android和IOS通用）

ReactNative專案（https://blog.csdn.net/cuoban/article/details/53764919），反正我按他的流程是在沒搞好，所以自己又去摸索了一套適合自己的，我的是把Android、ReactNative（按中文官網步驟即可）環境安裝好了後這樣操作的，僅供參考，歡迎交

android RecyclerView介面卡實現多佈局item+item內部控制元件點選事件

@先看看效果是不是自己想要的吧@使用步驟：第一步：新增RecyclerView介面卡依賴 compile 'com.android.support:recyclerview-v7:27.1.1'第二步：佈局檔案裡使用RecyclerView第三步：建立兩個item子佈局

Android RecyclerView介面卡的基本工作流程

RecyclerView是一個高階的SrollView,我以前是這麼理解的，準確的來說它是ListView的plus版。 （原始碼來自優達學城練習題+作者手寫） 和ListView一樣少不了介面卡，並且要在介面卡中實現ViewHolder，item的View

Android Edittext輸入限制一位小數2位小數（n位）小數簡單通用實現

最近一個需求最大金額輸入999999.99，在網上看了一下都寫的比較繁瑣，不是很易懂 首先限制輸入型別在xml裡面配置 android:inputType="numberDecimal" 再限制長度算上小數點一共9位 android:maxLength="9"重點來了怎麼限