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

摘要： 在上一篇 學習安卓開發[2] - 在Activity中託管Fragment 中瞭解了使用Fragment的好處和方法，本次記錄的是在進行列表展示時RecyclerView的使用。 RecyclerView介紹 RecyclerView及其相關類 RecyclerV...

在上一篇 學習安卓開發[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);
}