學習安卓開發[3] - 使用RecyclerView顯示清單

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

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

很多時候都需要進行清單的展示，比如商品清單，一般的做法是建立一個商品的通用布局，在請求到商品清單資料後，将商品資料轉換為商品對象并與一個商品View綁定，這樣循環操作就實作了清單的效果。

但如果清單項有很多怎麼辦呢，如果一次性初始化全部的View很容易搞垮程式。在PC和Web程式中可以使用分頁的方式，但如果照搬到運作移動APP的小屏裝置體驗會非常差。在小屏裝置适合上下滑動的方式，那麼能否将上下滑動與分頁結合，每次隻初始化足夠一屏顯示的view數量呢，答案是肯定的，RecyclerView就是幹這個的。

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

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

圖中沒有顯示Adapter的位置，實際上它工作在在RecyclerView和ViewHoler之間，負責為RecyclerView提供ViewHoler對象。Adapter是一個控制器對象，從模型層擷取資料，然後提供給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。

@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的職責相對簡單，既容納單個清單項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));
    }
}
           

在需要顯示新建立的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();
    }
}
           

編寫好了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);
}