Android App開發(fā)中使用RecyclerView替代ListView的實踐

更新時間：2016年06月29日 15:29:10 作者：henry-zhang

RecyclerView是Android L即5.0版本以來新加入的一個組件,主要用來實現(xiàn)item的瀑布式排列,因而被人們廣泛認(rèn)為用來替代ListView,這里我們就來看一下Android App開發(fā)中使用RecyclerView替代ListView的實踐:

RecyclerView是Android 5.0的新特性，可以直接代替ListView與GridView，并且能夠?qū)崿F(xiàn)瀑布流的布局，感覺RecyclerView使用的好處就是它不關(guān)心布局，只關(guān)心資源的回收與復(fù)用，正因為如此，RecyclerView中將ViewHolder進(jìn)行了單獨的編寫，這也正是google所不斷提倡的，另外，RecyclerView能夠更簡單的實現(xiàn)布局的轉(zhuǎn)換。
新的視圖類RecyclerView，它被用來代替ListView以及GridView，提供更為高效的回收復(fù)用機(jī)制，同時實現(xiàn)管理與視圖的解耦合。RecyclerView的特點：
1、RecyclerView不關(guān)心布局，需要使用setLayoutManager進(jìn)行設(shè)置布局。
2、RecyclerView不關(guān)心分割線，因此分割線需要我們自己想辦法設(shè)置。
3、RecyclerView不關(guān)心Item的點擊事件與動畫效果，需要自己編寫接口進(jìn)行監(jiān)聽。
4、RecyclerView僅關(guān)注View的回收與復(fù)用。
相關(guān)的類：
1、RecyclerView.Adapter：托管數(shù)據(jù)集合，為每個Item創(chuàng)建視圖；
2、RecyclerView.ViewHolder：承載Item視圖的子視圖；
3、RecyclerView.LayoutManager：負(fù)責(zé)Item視圖的布局；
4、RecyclerView.ItemDecoration：為每個Item視圖添加分割線；
5、RecyclerView.ItemAnimator：負(fù)責(zé)添加、刪除數(shù)據(jù)時的動畫效果；

RecyclerView代替ListView的使用示例
RecyclerView是一個比ListView更靈活的一個控件，以后可以直接拋棄ListView了。具體好在哪些地方，往下看就知道了。
首先我們來使用RecyclerView來實現(xiàn)ListView的效果，一個滾動列表，先看下效果圖（除了有動畫之外，沒什么特別－－）：

2016629152018612.jpg (960×1706)

每個item的布局如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:id="@+id/recycler_view_test_item_person_view"
       android:orientation="vertical"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:padding="15dp"
       android:background="#aabbcc"
    >
  <TextView
      android:id="@+id/recycler_view_test_item_person_name_tv"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:textSize="18sp"
      android:background="#ccbbaa"
      />
  <TextView
      android:id="@+id/recycler_view_test_item_person_age_tv"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:paddingLeft="5dp"
      android:background="#aaccbb"
      android:textSize="15sp"
      />
</LinearLayout>

item的布局很簡單，只有兩個TextView，一個用來顯示名字，一個用來顯示年齡。

Person的實體類就不貼代碼了，兩個屬性：名字和年齡。

然后需要使用到RecyclerView，所以需要把support v7添加到class path，并在布局中添加該控件：

<android.support.v7.widget.RecyclerView
        android:id="@+id/recycler_view_test_rv"
        android:scrollbars="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#bbccaa"
        />

然后在onCreate中：

recyclerView.setHasFixedSize(true);

    RecyclerView.LayoutManager layoutManager = new LinearLayoutManager(context);
    recyclerView.setLayoutManager(layoutManager);

    initData();
    adapter = new PersonAdapter(personList);
    adapter.setOnRecyclerViewListener(this);
    recyclerView.setAdapter(adapter);

如上述代碼：

Line1: 使RecyclerView保持固定的大小,這樣會提高RecyclerView的性能。

Line3: LinearLayoutManager，如果你需要顯示的是橫向滾動的列表或者豎直滾動的列表，則使用這個LayoutManager。顯然，我們要實現(xiàn)的是ListView的效果，所以需要使用它。生成這個LinearLayoutManager之后可以設(shè)置他滾動的方向，默認(rèn)豎直滾動，所以這里沒有顯式地設(shè)置。

Line6: 初始化數(shù)據(jù)源。

Line7～9: 跟ListView一樣，需要設(shè)置RecyclerView的Adapter，但是這里的Adapter跟ListView使用的Adapter不一樣，這里的Adapter需要繼承RecyclerView.Adapter，需要實現(xiàn)3個方法：

1、onCreateViewHolder()

2、onBindViewHolder()

3、getItemCount()

直接看代碼：

package com.wangjie.helloandroid.sample.recycler.person;

import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.widget.TextView;
import com.wangjie.androidbucket.log.Logger;
import com.wangjie.helloandroid.R;

import java.util.List;

public class PersonAdapter extends RecyclerView.Adapter {
  public static interface OnRecyclerViewListener {
    void onItemClick(int position);
    boolean onItemLongClick(int position);
  }

  private OnRecyclerViewListener onRecyclerViewListener;

  public void setOnRecyclerViewListener(OnRecyclerViewListener onRecyclerViewListener) {
    this.onRecyclerViewListener = onRecyclerViewListener;
  }

  private static final String TAG = PersonAdapter.class.getSimpleName();
  private List<Person> list;

  public PersonAdapter(List<Person> list) {
    this.list = list;
  }

  @Override
  public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {
    Logger.d(TAG, "onCreateViewHolder, i: " + i);
    View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.recycler_view_test_item_person, null);
    LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
    view.setLayoutParams(lp);
    return new PersonViewHolder(view);
  }

  @Override
  public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, int i) {
    Logger.d(TAG, "onBindViewHolder, i: " + i + ", viewHolder: " + viewHolder);
    PersonViewHolder holder = (PersonViewHolder) viewHolder;
    holder.position = i;
    Person person = list.get(i);
    holder.nameTv.setText(person.getName());
    holder.ageTv.setText(person.getAge() + "歲");
  }

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

  class PersonViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener, View.OnLongClickListener
  {
    public View rootView;
    public TextView nameTv;
    public TextView ageTv;
    public int position;

    public PersonViewHolder(View itemView) {
      super(itemView);
      nameTv = (TextView) itemView.findViewById(R.id.recycler_view_test_item_person_name_tv);
      ageTv = (TextView) itemView.findViewById(R.id.recycler_view_test_item_person_age_tv);
      rootView = itemView.findViewById(R.id.recycler_view_test_item_person_view);
      rootView.setOnClickListener(this);
      rootView.setOnLongClickListener(this);
    }

    @Override
    public void onClick(View v) {
      if (null != onRecyclerViewListener) {
        onRecyclerViewListener.onItemClick(position);
      }
    }

    @Override
    public boolean onLongClick(View v) {
      if(null != onRecyclerViewListener){
        return onRecyclerViewListener.onItemLongClick(position);
      }
      return false;
    }
  }

}

如上代碼所示：

public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup viewGroup, int i)

這個方法主要生成為每個Item inflater出一個View，但是該方法返回的是一個ViewHolder。方法是把View直接封裝在ViewHolder中，然后我們面向的是ViewHolder這個實例，當(dāng)然這個ViewHolder需要我們自己去編寫。直接省去了當(dāng)初的convertView.setTag(holder)和convertView.getTag()這些繁瑣的步驟。

public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, int i)

這個方法主要用于適配渲染數(shù)據(jù)到View中。方法提供給你了一個viewHolder，而不是原來的convertView。

對比下以前的寫法就一目了然了：

@Override
  public View getView(int position, View convertView, ViewGroup parent) {
    ViewHolder holder;
    if(null == convertView){
      holder = new ViewHolder();
      LayoutInflater mInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
      convertView = mInflater.inflate(R.layout.item, null);
      holder.btn = (Button) convertView.findViewById(R.id.btn);
      holder.tv = (TextView) convertView.findViewById(R.id.tv);
      holder.iv = (TextView) convertView.findViewById(R.id.iv);

      convertView.setTag(holder);
    }else{
      holder = (ViewHolder) convertView.getTag();
    }
    final HashMap<String, Object> map = list.get(position);

    holder.iv.setImageResource(Integer.valueOf(map.get("iv").toString()));
    holder.tv.setText(map.get("tv").toString());

    holder.btn.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        Toast.makeText(context, map.get("btn").toString(), Toast.LENGTH_SHORT).show();
      }
    });

    return convertView;
  }

  class ViewHolder{
    Button btn;
    ImageView iv;
    TextView tv;

  }

對比后可以發(fā)現(xiàn)：

1、舊的寫法中Line5～Line12＋Line28部分的代碼其實起到的作用相當(dāng)于新的寫法的onCreateViewHolder()；

2、舊的寫法中Line14～Line26部分的代碼其實起到的作用相當(dāng)于新的寫法的onBindViewHolder()；

既然是這樣，那我們就把原來相應(yīng)的代碼搬到對應(yīng)的onCreateViewHolder()和onBindViewHolder()這兩個方法中就可以了。

因為RecyclerView幫我們封裝了Holder，所以我們自己寫的ViewHolder就需要繼承RecyclerView.ViewHolder，只有這樣，RecyclerView才能幫你去管理這個ViewHolder類。

既然getView方法的渲染數(shù)據(jù)部分的代碼相當(dāng)于onBindViewHolder()，所以如果調(diào)用adapter.notifyDataSetChanged()方法，應(yīng)該也會重新調(diào)用onBindViewHolder()方法才對吧？實驗后，果然如此！

除了adapter.notifyDataSetChanged()這個方法之外，新的Adapter還提供了其他的方法，如下：

public final void notifyDataSetChanged()
    public final void notifyItemChanged(int position)
    public final void notifyItemRangeChanged(int positionStart, int itemCount)
    public final void notifyItemInserted(int position) 
    public final void notifyItemMoved(int fromPosition, int toPosition)
    public final void notifyItemRangeInserted(int positionStart, int itemCount)
    public final void notifyItemRemoved(int position)
    public final void notifyItemRangeRemoved(int positionStart, int itemCount)

基本上看到方法的名字就知道這個方法是干嘛的了，

第一個方法沒什么好講的，跟以前一樣。

notifyItemChanged(int position)，position數(shù)據(jù)發(fā)生了改變，那調(diào)用這個方法，就會回調(diào)對應(yīng)position的onBindViewHolder()方法了，當(dāng)然，因為ViewHolder是復(fù)用的，所以如果position在當(dāng)前屏幕以外，也就不會回調(diào)了，因為沒有意義，下次position滾動會當(dāng)前屏幕以內(nèi)的時候同樣會調(diào)用onBindViewHolder()方法刷新數(shù)據(jù)了。其他的方法也是同樣的道理。
public final void notifyItemRangeChanged(int positionStart, int itemCount)，顧名思義，可以刷新從positionStart開始itemCount數(shù)量的item了（這里的刷新指回調(diào)onBindViewHolder()方法）。
public final void notifyItemInserted(int position)，這個方法是在第position位置被插入了一條數(shù)據(jù)的時候可以使用這個方法刷新，注意這個方法調(diào)用后會有插入的動畫，這個動畫可以使用默認(rèn)的，也可以自己定義。
public final void notifyItemMoved(int fromPosition, int toPosition)，這個方法是從fromPosition移動到toPosition為止的時候可以使用這個方法刷新
public final void notifyItemRangeInserted(int positionStart, int itemCount)，顯然是批量添加。
public final void notifyItemRemoved(int position)，第position個被刪除的時候刷新，同樣會有動畫。
public final void notifyItemRangeRemoved(int positionStart, int itemCount)，批量刪除。

這些方法分析完之后，我們來實現(xiàn)一個點擊一個按鈕，新增一條數(shù)據(jù)，長按一個item，刪除一條數(shù)據(jù)的場景。

以下是新增一條數(shù)據(jù)的代碼：

Person person = new Person(i, "WangJie_" + i, 10 + i);
adapter.notifyItemInserted(2);
personList.add(2, person);
adapter.notifyItemRangeChanged(2, adapter.getItemCount());

如上代碼：

Line2：表示在position為2的位置，插入一條數(shù)據(jù)，這個時候動畫開始執(zhí)行。

Line3: 表示在數(shù)據(jù)源中position為2的位置新增一條數(shù)據(jù)（其實這個才是真正的新增數(shù)據(jù)啦）。

Line4: 為什么要刷新position為2以后的數(shù)據(jù)呢？因為，在position為2的位置插入了一條數(shù)據(jù)后，新數(shù)據(jù)的position變成了2，那原來的position為2的應(yīng)該變成了3，3的應(yīng)該變成了4，所以2以后的所有數(shù)據(jù)的position都發(fā)生了改變，所以需要把position2以后的數(shù)據(jù)都要刷新。理論上是這樣，但是實際上刷新的數(shù)量只有在屏幕上顯示的position為2以后的數(shù)據(jù)而已。如果這里使用notifyDataSetChanged()來刷新屏幕上顯示的所有item可以嗎？結(jié)果不會出錯，但是會有一個問題，前面調(diào)用了notifyItemInserted()方法后會在執(zhí)行動畫，如果你調(diào)用notifyDataSetChanged()刷新屏幕上顯示的所有item的話，必然也會刷新當(dāng)前正在執(zhí)行動畫的那個item，這樣導(dǎo)致的結(jié)果是，前面的動畫還沒執(zhí)行完，它馬上又被刷新了，動畫就看不見了。所以只要刷新2以后的item就可以了。

看了RecyclerView的api，發(fā)現(xiàn)沒有setOnItemClickListener－－，所以還是自己把onItemClick從Adapter中回調(diào)出來吧。這個很簡單，就像上面PersonAdaper中寫的OnRecyclerViewListener那樣。

長按刪除的代碼如下：

adapter.notifyItemRemoved(position);
personList.remove(position);
adapter.notifyItemRangeChanged(position, adapter.getItemCount());

代碼跟之前插入的代碼基本一致。先通知執(zhí)行動畫，然后刪除數(shù)據(jù)源中的數(shù)據(jù)，然后通知position之后的數(shù)據(jù)刷新就可以了。

這樣ListView的效果就實現(xiàn)了。

您可能感興趣的文章:

欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

軟件下載

源碼下載

軟件編程

網(wǎng)絡(luò)編程

在線工具

數(shù)據(jù)庫

CMS

常用工具

Android App開發(fā)中使用RecyclerView替代ListView的實踐

相關(guān)文章

最新評論

大家感興趣的內(nèi)容

最近更新的內(nèi)容

常用在線小工具