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

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

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

RecyclerView介紹

不少時候都須要進行列表的展現,好比商品列表,通常的作法是建立一個商品的通用佈局,在請求到商品列表數據後,將商品數據轉換爲商品對象並與一個商品View綁定,這樣循環操做就實現了列表的效果。 但若是列表項有不少怎麼辦呢,若是一次性初始化所有的View很容易搞垮程序。在PC和Web程序中可使用分頁的方式,但若是照搬到運行移動APP的小屏設備體驗會很是差。在小屏設備適合上下滑動的方式,那麼可否將上下滑動與分頁結合,每次只初始化足夠一屏顯示的view數量呢,答案是確定的,RecyclerView就是幹這個的。ide

RecyclerView的做用的是按需建立View對象,當View被滑動到屏幕外後,RecyclerView便會將其回收再利用。佈局

RecyclerView及其相關類

要實現這個功能,RecyclerView還須要ViewHolder和Adapter的協助,它們之間的關係爲:學習

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

RecyclerView的應用

引入RecyclerView

RecyclerView類來自Google支持庫,因此首先須要添加RecyclerView依賴庫,這裏使用的是recyclerview-v7支持庫。而後就能夠在列表佈局文件中使用它了:xml

<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負責的,此外它還負責屏幕的滾動行爲。blog

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須要作的事。get

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);
}
相關文章
相關標籤/搜索