學習安卓開發[3] - 使用RecyclerView顯示列表

在上一篇學習安卓開發[2] - 在Activity中托管Fragment中瞭解了使用Fragment的好處和方法，本次記錄的是在進行列表展示時RecyclerView的使用。

• RecyclerView介紹
• RecyclerView及其相關類
• RecyclerView的應用
  • 引入RecyclerView
  • 關聯RecyclerView和fragment
  • ViewHolder
  • Adapter
  • 將Adapter和RecyclerView關聯

RecyclerView介紹

很多時候都需要進行列表的展示，比如商品列表，一般的做法是創建一個商品的通用佈局，在請求到商品列表數據後，將商品數據轉換為商品對象並與一個商品View綁定，這樣迴圈操作就實現了列表的效果。
但如果列表項有很多怎麼辦呢，如果一次性初始化全部的View很容易搞垮程式。在PC和Web程式中可以使用分頁的方式，但如果照搬到運行移動APP的小屏設備體驗會非常差。在小屏設備適合上下滑動的方式，那麼能否將上下滑動與分頁結合，每次只初始化足夠一屏顯示的view數量呢，答案是肯定的，RecyclerView就是乾這個的。

RecyclerView的作用的是按需創建View對象，當View被滑動到屏幕外後，RecyclerView便會將其回收再利用。

RecyclerView及其相關類

要實現這個功能，RecyclerView還需要ViewHolder和Adapter的協助，它們之間的關係為：

圖中沒有顯示Adapter的位置，實際上它工作在在RecyclerView和ViewHoler之間，負責為RecyclerView提供ViewHoler對象。Adapter是一個控制器對象，從模型層獲取數據，然後提供給RecyclerView顯示，起動橋梁的作用。

RecyclerView的應用

引入RecyclerView

RecyclerView類來自Google支持庫，所以首先需要添加RecyclerView依賴庫，這裡使用的是recyclerview-v7支持庫。然後就可以在列表佈局文件中使用它了：

<android.support.v7.widget.RecyclerView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/crime_recycler_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
</android.support.v7.widget.RecyclerView>

註意要給其指定id。

關聯RecyclerView和fragment

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    View view = inflater.inflate(R.layout.fragment_crime_list, container, false);

    mCrimeRecyclerView = (RecyclerView) view
            .findViewById(R.id.crime_recycler_view);
    mCrimeRecyclerView.setLayoutManager(new LinearLayoutManager(getActivity()));

    return view;
}

代碼使用了setLayoutManager()，因為RecyclerView無法獨立工作，需要LayoutManager的支持，RecyclerView在創建完視圖後，就立即轉交給了LayoutManager,屏幕上列表項的擺放就是LayoutManager負責的，此外它還負責屏幕的滾動行為。

ViewHolder

ViewHolder的職責相對簡單，既容納單個列表項View。基本的ViewHolder使用方式如下，其中list_item_crime為單個列表項View的名稱。

private class CrimeHolder extends RecyclerView.ViewHolder{
    public CrimeHolder(LayoutInflater inflater, ViewGroup parent) {
        super(inflater.inflate(R.layout.list_item_crime, parent, false));
    }
}

Adapter

在需要顯示新創建的ViewHolder或讓View對象與已經創建的ViewHolder關聯時，RecyclerView會去問Adapter要，RecyclerView工作在較高的抽象層，不會關心具體的View對象，這是Adapter需要做的事。

private class CrimeAdapter extends RecyclerView.Adapter<CrimeHolder> {

    private List<Crime> mCrimes;

    public CrimeAdapter(List<Crime> crimes) {
        mCrimes = crimes;
    }

    @Override
    public CrimeHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        LayoutInflater layoutInflater = LayoutInflater.from(getActivity());
        return new CrimeHolder(layoutInflater, parent);
    }

    @Override
    public void onBindViewHolder(CrimeHolder holder, int position) {
        Crime crime = mCrimes.get(position);
        holder.bind(crime);
    }

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

將Adapter和RecyclerView關聯

編寫好了RecyclerView、ViewHoler和Adapter，接下來只需將將Adapter和RecyclerView關聯，就可以正常工作了
編寫updateUI方法，然後在onCreateView()中，返回view之前調用：

private void updateUI() {
    CrimeLab crimeLab = CrimeLab.get(getActivity());
    List<Crime> crimes = crimeLab.getCrimes();

    mAdapter = new CrimeAdapter(crimes);
    mCrimeRecyclerView.setAdapter(mAdapter);
}