為RecyclerView新增FootView和HeadView

許佳佳233發表於2016-10-11

前提概要:

上一篇文章已經介紹過了RecyclerView的基本使用方法,原文如下:android RecyclerView佈局真的只是那麼簡單!此篇文章算是對RecyclerView更深使用的介紹。

FootView和HeadView在ListView中的本身就有相對應的函式,但是在新潮的RecyclerView中卻沒有了,FootView在分頁載入(上拉載入更多)中起著很重要的作用,因此也必須要學習一下了。(HeadView的新增與FootView的新增相比大致一樣,在此就只講FootView的新增了)

效果:(原始碼在文章結尾)

這裡寫圖片描述

實現關鍵

int getItemViewType(int position):此函式是RecyclerView中自帶的函式,引數為每個item的position,返回一個int型別表示型別。

此函式的作用是區分普通的item與FootView的Item,讓FootView這個Item能一直處在adapter中的最下端。

在例子中定義了兩種型別如下:

 //兩個final int型別表示ViewType的兩種型別
    private final int NORMAL_TYPE = 0;
    private final int FOOT_TYPE = 1111;

該函式如下:

    @Override
    public int getItemViewType(int position) {
        if (position == max_count - 1) {
            return FOOT_TYPE;
        }
        return NORMAL_TYPE;
    }

實現步驟

1、定義getItemViewType(int position)並且定義自己所需要的ViewType的型別。
2、在定義ViewHolder()onCreateViewHolder()onBindViewHolder()中都考慮兩種情況,一種是普通的item,另一種是FootView。
另外預設的ViewHolder()函式中只會有View itemView一個引數,此處因為需要,所以要新增int viewType的引數,程式碼中如下:

//初始化viewHolder,此處繫結後在onBindViewHolder中可以直接使用
        public ViewHolder(View itemView, int viewType) {
            super(itemView);
            if (viewType == NORMAL_TYPE) {
                tvViewHolder = (TextView) itemView.findViewById(R.id.tv_view_holder);
                llViewHolder = (LinearLayout) itemView;
            } else if (viewType == FOOT_TYPE) {
                tvFootView = (TextView) itemView;
            }
        }

此處再說一下三個函式的大致作用

ViewHolder(View itemView, int viewType):

將item佈局中的控制元件與ViewHolder中所定義的屬性繫結,更便於在onBindViewHolder()中使用。

onCreateViewHolder(ViewGroup parent, int viewType):

此函式用來建立每一個item,最後返回的不是view,而是返回的一個ViewHolder。

onBindViewHolder(ViewHolder holder, int position):

此函式中一般用來將資料繫結到item中的控制元件中。

程式碼:

結合以上分析看程式碼,讀者應該比較容易理解了,下面附上關鍵adapter程式碼和原始碼地址:

public class RecyclerAdapter extends RecyclerView.Adapter<RecyclerAdapter.ViewHolder> {
    private List<String> mData;//資料
    private int max_count = 10;//最大顯示數
    private Boolean isFootView = false;//是否新增了FootView
    private String footViewText = "";//FootView的內容

    //兩個final int型別表示ViewType的兩種型別
    private final int NORMAL_TYPE = 0;
    private final int FOOT_TYPE = 1111;


    public RecyclerAdapter(List<String> data) {
        mData = data;
    }

    public class ViewHolder extends RecyclerView.ViewHolder {
        public TextView tvViewHolder;
        public LinearLayout llViewHolder;

        public TextView tvFootView;//footView的TextView屬於獨自的一個layout

        //初始化viewHolder,此處繫結後在onBindViewHolder中可以直接使用
        public ViewHolder(View itemView, int viewType) {
            super(itemView);
            if (viewType == NORMAL_TYPE) {
                tvViewHolder = (TextView) itemView.findViewById(R.id.tv_view_holder);
                llViewHolder = (LinearLayout) itemView;
            } else if (viewType == FOOT_TYPE) {
                tvFootView = (TextView) itemView;
            }
        }
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View normal_views = LayoutInflater.from(parent.getContext()).inflate(
                R.layout.rc_item, parent, false);
        View foot_view = LayoutInflater.from(parent.getContext()).inflate(
                R.layout.foot_view, parent, false);

        if (viewType == FOOT_TYPE)
            return new ViewHolder(foot_view, FOOT_TYPE);
        return new ViewHolder(normal_views, NORMAL_TYPE);
    }

    @Override
    public int getItemViewType(int position) {
        if (position == max_count - 1) {
            return FOOT_TYPE;
        }
        return NORMAL_TYPE;
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        //建立起ViewHolder中試圖與資料的關聯
        Log.d("xjj", getItemViewType(position) + "");
        //如果footview存在,並且當前位置ViewType是FOOT_TYPE
        if (isFootView && (getItemViewType(position) == FOOT_TYPE)) {
            holder.tvFootView.setText(footViewText);
        } else {
            holder.tvViewHolder.setText(mData.get(position) + position);
        }
    }

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

    //建立一個方法來設定footView中的文字
    public void setFootViewText(String footViewText) {
        isFootView = true;
        this.footViewText = footViewText;
    }
}

擴充延伸

下一篇文章中,筆者在此基礎上做了一下一點改動,很容易就實現了分頁載入的功能,文章地址如下:
http://blog.csdn.net/double2hao/article/details/52788708

原始碼地址:http://download.csdn.net/detail/double2hao/9650717

相關文章