[Android]使用RecyclerView替代ListView（一）

[Android]使用RecyclerView替代ListView（一）
RecyclerView是一個比ListView更靈活的一個控制項，以後可以直接拋棄ListView了。具體好在哪些地方，往下看就知道了。 首先我們來使用RecyclerView來實現ListView的效果，一個滾動列表，先看下（除了有動畫之外，沒什麼特別－－）：     每個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中：  1         recyclerView.setHasFixedSize(true);2 3         RecyclerView.LayoutManager layoutManager = new LinearLayoutManager(context);4         recyclerView.setLayoutManager(layoutManager);5 6         initData();7         adapter = new PersonAdapter(personList);8         adapter.setOnRecyclerViewListener(this);9         recyclerView.setAdapter(adapter);       如上述代碼： Line1: 使RecyclerView保持固定的大小,這樣會提高RecyclerView的效能。 Line3: LinearLayoutManager，如果你需要顯示的是橫向滾動的列表或者豎直滾動的列表，則使用這個LayoutManager。顯然，我們要實現的是ListView的效果，所以需要使用它。產生這個LinearLayoutManager之後可以設定他滾動的方向，預設豎直滾動，所以這裡沒有顯式地設定。 Line6: 初始化資料來源。 Line7～9: 跟ListView一樣，需要設定RecyclerView的Adapter，但是這裡的Adapter跟ListView使用的Adapter不一樣，這裡的Adapter需要繼承RecyclerView.Adapter，需要實現3個方法： 　　- onCreateViewHolder() 　　- onBindViewHolder() 　　- getItemCount() 直接看代碼： 複製代碼 1 package com.wangjie.helloandroid.sample.recycler.person; 2  3 import android.support.v7.widget.RecyclerView; 4 import android.view.LayoutInflater; 5 import android.view.View; 6 import android.view.ViewGroup; 7 import android.widget.LinearLayout; 8 import android.widget.TextView; 9 import com.wangjie.androidbucket.log.Logger;10 import com.wangjie.helloandroid.R;11 12 import java.util.List;13 14 /**15  * Author: wangjie16  * Email: tiantian.china.2@gmail.com17  * Date: 1/17/15.18  */19 public class PersonAdapter extends RecyclerView.Adapter {20     public static interface OnRecyclerViewListener {21         void onItemClick(int position);22         boolean onItemLongClick(int position);23     }24 25     private OnRecyclerViewListener onRecyclerViewListener;26 27     public void setOnRecyclerViewListener(OnRecyclerViewListener onRecyclerViewListener) {28         this.onRecyclerViewListener = onRecyclerViewListener;29     }30 31     private static final String TAG = PersonAdapter.class.getSimpleName();32     private List<Person> list;33 34     public PersonAdapter(List<Person> list) {35         this.list = list;36     }37 38     @Override39     public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {40         Logger.d(TAG, "onCreateViewHolder, i: " + i);41         View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.recycler_view_test_item_person, null);42         LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);43         view.setLayoutParams(lp);44         return new PersonViewHolder(view);45     }46 47     @Override48     public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, int i) {49         Logger.d(TAG, "onBindViewHolder, i: " + i + ", viewHolder: " + viewHolder);50         PersonViewHolder holder = (PersonViewHolder) viewHolder;51         holder.position = i;52         Person person = list.get(i);53         holder.nameTv.setText(person.getName());54         holder.ageTv.setText(person.getAge() + "歲");55     }56 57     @Override58     public int getItemCount() {59         return list.size();60     }61 62     class PersonViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener, View.OnLongClickListener63     {64         public View rootView;65         public TextView nameTv;66         public TextView ageTv;67         public int position;68 69         public PersonViewHolder(View itemView) {70             super(itemView);71             nameTv = (TextView) itemView.findViewById(R.id.recycler_view_test_item_person_name_tv);72             ageTv = (TextView) itemView.findViewById(R.id.recycler_view_test_item_person_age_tv);73             rootView = itemView.findViewById(R.id.recycler_view_test_item_person_view);74             rootView.setOnClickListener(this);75             rootView.setOnLongClickListener(this);76         }77 78         @Override79         public void onClick(View v) {80             if (null != onRecyclerViewListener) {81                 onRecyclerViewListener.onItemClick(position);82             }83         }84 85         @Override86         public boolean onLongClick(View v) {87             if(null != onRecyclerViewListener){88                 return onRecyclerViewListener.onItemLongClick(position);89             }90             return false;91         }92     }93 94 } 如上代碼所示： public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) 這個方法主要產生為每個Item inflater出一個View，但是該方法返回的是一個ViewHolder。方法是把View直接封裝在ViewHolder中，然後我們面向的是ViewHolder這個執行個體，當然這個ViewHolder需要我們自己去編寫。直接省去了當初的convertView.setTag(holder)和convertView.getTag()這些繁瑣的步驟。   public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, int i) 這個方法主要用於適配渲染資料到View中。方法提供給你了一個viewHolder，而不是原來的convertView。 對比下以前的寫法就一目瞭然了：   1 @Override 2     public View getView(int position, View convertView, ViewGroup parent) { 3         ViewHolder holder; 4         if(null == convertView){ 5             holder = new ViewHolder(); 6             LayoutInflater mInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE); 7             convertView = mInflater.inflate(R.layout.item, null); 8             holder.btn = (Button) convertView.findViewById(R.id.btn); 9             holder.tv = (TextView) convertView.findViewById(R.id.tv);10             holder.iv = (TextView) convertView.findViewById(R.id.iv);11 12             convertView.setTag(holder);13         }else{14             holder = (ViewHolder) convertView.getTag();15         }16         final HashMap<String, Object> map = list.get(position);17 18         holder.iv.setImageResource(Integer.valueOf(map.get("iv").toString()));19         holder.tv.setText(map.get("tv").toString());20 21         holder.btn.setOnClickListener(new View.OnClickListener() {22             @Override23             public void onClick(View v) {24                 Toast.makeText(context, map.get("btn").toString(), Toast.LENGTH_SHORT).show();25             }26         });27 28         return convertView;29     }30 31     class ViewHolder{32         Button btn;33         ImageView iv;34         TextView tv;35 36     } 對比後可以發現： 舊的寫法中Line5～Line12＋Line28部分的代碼其實起到的作用相當於新的寫法的onCreateViewHolder()； 舊的寫法中Line14～Line26部分的代碼其實起到的作用相當於新的寫法的onBindViewHolder()； 既然是這樣，那我們就把原來相應的代碼搬到對應的onCreateViewHolder()和onBindViewHolder()這兩個方法中就可以了。 因為RecyclerView幫我們封裝了Holder，所以我們自己寫的ViewHolder就需要繼承RecyclerView.ViewHolder，只有這樣，RecyclerView才能幫你去管理這個ViewHolder類。 既然getView方法的渲染資料部分的代碼相當於onBindViewHolder()，所以如果調用adapter.notifyDataSetChanged()方法，應該也會重新調用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資料發生了改變，那調用這個方法，就會回調對應position的onBindViewHolder()方法了，當然，因為ViewHolder是複用的，所以如果position在當前螢幕以外，也就不會回調了，因為沒有意義，下次position滾動會當前螢幕以內的時候同樣會調用onBindViewHolder()方法重新整理資料了。其他的方法也是同樣的道理。 public final void notifyItemRangeChanged(int positionStart, int itemCount)，顧名思義，可以重新整理從positionStart開始itemCount數量的item了（這裡的重新整理指回調onBindViewHolder()方法）。 public final void notifyItemInserted(int position)，這個方法是在第position位置被插入了一條資料的時候可以使用這個方法重新整理，注意這個方法調用後會有插入的動畫，這個動畫可以使用預設的，也可以自己定義。 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)，大量刪除。   這些方法分析完之後，我們來實現一個點擊一個按鈕，新增一條資料，長按一個item，刪除一條資料的情境。 以下是新增一條資料的代碼： 1 Person person = new Person(i, "WangJie_" + i, 10 + i);2 adapter.notifyItemInserted(2);3 personList.add(2, person);4 adapter.notifyItemRangeChanged(2, adapter.getItemCount());如上代碼： Line2：表示在position為2的位置，插入一條資料，這個時候動畫開始執行。 Line3: 表示在資料來源中position為2的位置新增一條資料（其實這個才是真正的新增資料啦）。 Line4: 為什麼要重新整理position為2以後的資料呢？因為，在position為2的位置插入了一條資料後，新資料的position變成了2，那原來的position為2的應該變成了3，3的應該變成了4，所以2以後的所有資料的position都發生了改變，所以需要把position2以後的資料都要重新整理。理論上是這樣，但是實際上重新整理的數量只有在螢幕上顯示的position為2以後的資料而已。如果這裡使用notifyDataSetChanged()來重新整理螢幕上顯示的所有item可以嗎？結果不會出錯，但是會有一個問題，前面調用了notifyItemInserted()方法後會在執行動畫，如果你調用notifyDataSetChanged()重新整理螢幕上顯示的所有item的話，必然也會重新整理當前正在執行動畫的那個item，這樣導致的結果是，前面的動畫還沒執行完，它馬上又被重新整理了，動畫就看不見了。所以只要重新整理2以後的item就可以了。   看了RecyclerView的api，發現沒有setOnItemClickListener－－，所以還是自己把onItemClick從Adapter中回調出來吧。這個很簡單，就像上面PersonAdaper中寫的OnRecyclerViewListener那樣。   長按刪除的代碼如下： 1 adapter.notifyItemRemoved(position);2 personList.remove(position);3 adapter.notifyItemRangeChanged(position, adapter.getItemCount());代碼跟之前插入的代碼基本一致。先通知執行動畫，然後刪除資料來源中的資料，然後通知position之後的資料重新整理就可以了。 這樣ListView的效果就實現了。