轉載請標明出處: http://blog.csdn.net/lmj623565791/article/details/45059587; 本文出自:【張鴻洋的博客】
RecyclerView出現已經有一段時間了,相信大家肯定不陌生了,大家可以通過導入support-v7對其進行使用。 據官方的介紹,該控件用于在有限的窗口中展示大量數據集,其實這樣功能的控件我們并不陌生,例如:ListView、GridView。
那么有了ListView、GridView為什么還需要RecyclerView這樣的控件呢?整體上看RecyclerView架構,提供了一種插拔式的體驗,高度的解耦,異常的靈活,通過設置它提供的不同LayoutManager,ItemDecoration , ItemAnimator實現令人瞠目的效果。
你想要控制其顯示的方式,請通過布局管理器LayoutManager你想要控制Item間的間隔(可繪制),請通過ItemDecoration你想要控制Item增刪的動畫,請通過ItemAnimator你想要控制點擊、長按事件,請自己寫(擦,這點尼瑪。)鑒于我們對于ListView的使用特別的熟悉,對比下RecyclerView的使用代碼:
mRecyclerView = findView(R.id.id_recyclerview);//設置布局管理器mRecyclerView.setLayoutManager(layout);//設置adaptermRecyclerView.setAdapter(adapter)//設置Item增加、移除動畫mRecyclerView.setItemAnimator(new DefaultItemAnimator());//添加分割線mRecyclerView.addItemDecoration(new DividerItemDecoration( getActivity(), DividerItemDecoration.HORIZONTAL_LIST));12345678910 12345678910
12345678910ok,相比較于ListView的代碼,ListView可能只需要去設置一個adapter就能正常使用了。而RecyclerView基本需要上面一系列的步驟,那么為什么會添加這么多的步驟呢?
那么就必須解釋下RecyclerView的這個名字了,從它類名上看,RecyclerView代表的意義是,我只管Recycler View,也就是說RecyclerView只管回收與復用View,其他的你可以自己去設置??梢钥闯銎涓叨鹊慕怦睿o予你充分的定制自由(所以你才可以輕松的通過這個控件實現ListView,GirdView,瀑布流等效果)。
 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182Activity的布局文件<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent" >    <android.support.v7.widget.RecyclerView        android:id="@+id/id_recyclerview"         android:divider="#ffff0000"           android:dividerHeight="10dp"        android:layout_width="match_parent"        android:layout_height="match_parent" /></RelativeLayout>12345678910111213
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182Activity的布局文件<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent" >    <android.support.v7.widget.RecyclerView        android:id="@+id/id_recyclerview"         android:divider="#ffff0000"           android:dividerHeight="10dp"        android:layout_width="match_parent"        android:layout_height="match_parent" /></RelativeLayout>12345678910111213 12345678910111213Item的布局文件<?xml version="1.0" encoding="utf-8"?><FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:background="#44ff0000"    android:layout_height="wrap_content" >    <TextView        android:id="@+id/id_num"        android:layout_width="match_parent"        android:layout_height="50dp"        android:gravity="center"        android:text="1" /></FrameLayout>12345678910111213
12345678910111213Item的布局文件<?xml version="1.0" encoding="utf-8"?><FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:background="#44ff0000"    android:layout_height="wrap_content" >    <TextView        android:id="@+id/id_num"        android:layout_width="match_parent"        android:layout_height="50dp"        android:gravity="center"        android:text="1" /></FrameLayout>12345678910111213 12345678910111213
12345678910111213這么看起來用法與ListView的代碼基本一致哈~~ 看下效果圖:

看起來好丑,Item間應該有個分割線,當你去找時,你會發現RecyclerView并沒有支持divider這樣的屬性。那么怎么辦,你可以給Item的布局去設置margin,當然了這種方式不夠優雅,我們文章開始說了,我們可以自由的去定制它,當然我們的分割線也是可以定制的。
我們可以通過該方法添加分割線: mRecyclerView.addItemDecoration() 該方法的參數為RecyclerView.ItemDecoration,該類為抽象類,官方目前并沒有提供默認的實現類(我覺得最好能提供幾個)。 該類的源碼:
 123456789101112131415161718192021
123456789101112131415161718192021當我們調用mRecyclerView.addItemDecoration()方法添加decoration的時候,RecyclerView在繪制的時候,去會繪制decorator,即調用該類的onDraw和onDrawOver方法,
接下來我們看一個RecyclerView.ItemDecoration的實現類,該類很好的實現了RecyclerView添加分割線(當使用LayoutManager為LinearLayoutManager時)。 該類參考自:DividerItemDecoration
 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110該實現類可以看到通過讀取系統主題中的 Android.R.attr.listDivider作為Item間的分割線,并且支持橫向和縱向。如果你不清楚它是怎么做到的讀取系統的屬性用于自身,請參考我的另一篇博文:Android 深入理解Android中的自定義屬性
獲取到listDivider以后,該屬性的值是個Drawable,在getItemOffsets中,outRect去設置了繪制的范圍。onDraw中實現了真正的繪制。
我們在原來的代碼中添加一句:
mRecyclerView.addItemDecoration(new DividerItemDecoration(this,DividerItemDecoration.VERTICAL_LIST));12 12
12ok,現在再運行,就可以看到分割線的效果了。

該分割線是系統默認的,你可以在theme.xml中找到該屬性的使用情況。那么,使用系統的listDivider有什么好處呢?就是方便我們去隨意的改變,該屬性我們可以直接聲明在:
<!-- application theme. --> <style name="A1234 1234
1234然后自己寫個drawable即可,下面我們換一種分隔符:
<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" > <gradient android:centerColor="#ff00ff00" android:endColor="#ff0000ff" android:startColor="#ffff0000" android:type="linear" /> <size android:height="4dp"/></shape>123456789101112 123456789101112
123456789101112現在的樣子是:

當然了,你可以根據自己的需求,去隨意的繪制,反正是畫出來的,隨便玩~~
ok,看到這,你可能覺得,這玩意真尼瑪麻煩,完全不能比擬的心愛的ListView。那么繼續看。
好了,上面實現了類似ListView樣子的Demo,通過使用其默認的LinearLayoutManager。
RecyclerView.LayoutManager吧,這是一個抽象類,好在系統提供了3個實現類:
LinearLayoutManager 現行管理器,支持橫向、縱向。GridLayoutManager 網格布局管理器StaggeredGridLayoutManager 瀑布就式布局管理器上面我們已經初步體驗了下LinearLayoutManager,接下來看GridLayoutManager。
GridLayoutManager我們嘗試去實現類似GridView,秒秒鐘的事情:
//mRecyclerView.setLayoutManager(new LinearLayoutManager(this)); mRecyclerView.setLayoutManager(new GridLayoutManager(this,4));12 12
12只需要修改LayoutManager即可,還是很nice的。
當然了,改為GridLayoutManager以后,對于分割線,前面的DividerItemDecoration就不適用了,主要是因為它在繪制的時候,比如水平線,針對每個child的取值為:
final int left = parent.getPaddingLeft();final int right = parent.getWidth() - parent.getPaddingRight();12 12
12因為每個Item一行,這樣是沒問題的。而GridLayoutManager時,一行有多個childItem,這樣就多次繪制了,并且GridLayoutManager時,Item如果為最后一列(則右邊無間隔線)或者為最后一行(底部無分割線)。
針對上述,我們編寫了DividerGridItemDecoration。
 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178主要在getItemOffsets方法中,去判斷如果是最后一行,則不需要繪制底部;如果是最后一列,則不需要繪制右邊,整個判斷也考慮到了StaggeredGridLayoutManager的橫向和縱向,所以稍稍有些復雜。最重要還是去理解,如何繪制什么的不重要。一般如果僅僅是希望有空隙,還是去設置item的margin方便。
最后的效果是:

ok,看到這,你可能還覺得RecyclerView不夠強大?
但是如果我們有這么個需求,縱屏的時候顯示為ListView,橫屏的時候顯示兩列的GridView,我們RecyclerView可以輕松搞定,而如果使用ListView去實現還是需要點功夫的~~~
當然了,這只是皮毛,下面讓你心服口服。
StaggeredGridLayoutManager瀑布流式的布局,其實他可以實現GridLayoutManager一樣的功能,僅僅按照下列代碼:
 12
12這兩種寫法顯示的效果是一致的,但是注意StaggeredGridLayoutManager構造的第二個參數傳一個orientation,如果傳入的是StaggeredGridLayoutManager.VERTICAL代表有多少列;那么傳入的如果是StaggeredGridLayoutManager.HORIZONTAL就代表有多少行,比如本例如果改為:
 12
12那么效果為:

可以看到,固定為4行,變成了左右滑動。有一點需要注意,如果是橫向的時候,item的寬度需要注意去設置,畢竟橫向的寬度沒有約束了,應為控件可以橫向滾動了。 如果你需要一樣橫向滾動的GridView,那么恭喜你。
ok,接下來準備看大招,如果讓你去實現個瀑布流,最起碼不是那么隨意就可以實現的吧?但是,如果使用RecyclerView,分分鐘的事。 那么如何實現?其實你什么都不用做,只要使用StaggeredGridLayoutManager我們就已經實現了,只是上面的item布局我們使用了固定的高度,下面我們僅僅在適配器的onBindViewHolder方法中為我們的item設置個隨機的高度(代碼就不貼了,最后會給出源碼下載地址),看看效果圖:

是不是棒棒噠,通過RecyclerView去實現ListView、GridView、瀑布流的效果基本上沒有什么區別,而且可以僅僅通過設置不同的LayoutManager即可實現。
還有更nice的地方,就在于item增加、刪除的動畫也是可配置的。接下來看一下ItemAnimator。
ItemAnimator也是一個抽象類,好在系統為我們提供了一種默認的實現類,期待系統多 添加些默認的實現。
借助默認的實現,當Item添加和移除的時候,添加動畫效果很簡單:
// 設置item動畫mRecyclerView.setItemAnimator(new DefaultItemAnimator());12 12
12系統為我們提供了一個默認的實現,我們為我們的瀑布流添加以上一行代碼,效果為:

如果是GridLayoutManager呢?動畫效果為:

注意,這里更新數據集不是用adapter.notifyDataSetChanged()而是 notifyItemInserted(position)與notifyItemRemoved(position) 否則沒有動畫效果。 上述為adapter中添加了兩個方法:
 123456789
123456789Activity中點擊MenuItem觸發:
@Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.main, menu); return super.onCreateOptionsMenu(menu); } @Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()) { case R.id.id_action_add: mAdapter.addData(1); break; case R.id.id_action_delete: mAdapter.removeData(1); break; } return true; }123456789101112131415161718192021 123456789101112131415161718192021
123456789101112131415161718192021好了,到這我對這個控件已經不是一般的喜歡了~~~
當然了只提供了一種動畫,那么我們肯定可以去自定義各種nice的動畫效果。 高興的是,github上已經有很多類似的項目了,這里我們直接引用下:RecyclerViewItemAnimators,大家自己下載查看。 提供了SlideInOutLeftItemAnimator,SlideInOutRightItemAnimator, SlideInOutTopItemAnimator,SlideInOutBottomItemAnimator等動畫效果。
不過一個挺郁悶的地方就是,系統沒有提供ClickListener和LongClickListener。 不過我們也可以自己去添加,只是會多了些代碼而已。 實現的方式比較多,你可以通過mRecyclerView.addOnItemTouchListener去監聽然后去判斷手勢, 當然你也可以通過adapter中自己去提供回調,這里我們選擇后者,前者的方式,大家有興趣自己去實現。
那么代碼也比較簡單:
class HomeAdapter extends RecyclerView.Adapter<HomeAdapter.MyViewHolder>{//... public interface OnItemClickLitener { void onItemClick(View view, int position); void onItemLongClick(View view , int position); } private OnItemClickLitener mOnItemClickLitener; public void setOnItemClickLitener(OnItemClickLitener mOnItemClickLitener) { this.mOnItemClickLitener = mOnItemClickLitener; } @Override public void onBindViewHolder(final MyViewHolder holder, final int position) { holder.tv.setText(mDatas.get(position)); // 如果設置了回調,則設置點擊事件 if (mOnItemClickLitener != null) { holder.itemView.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { int pos = holder.getLayoutPosition(); mOnItemClickLitener.onItemClick(holder.itemView, pos); } }); holder.itemView.setOnLongClickListener(new OnLongClickListener() { @Override public boolean onLongClick(View v) { int pos = holder.getLayoutPosition(); mOnItemClickLitener.onItemLongClick(holder.itemView, pos); return false; } }); } }//...}1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950adapter中自己定義了個接口,然后在onBindViewHolder中去為holder.itemView去設置相應 的監聽最后回調我們設置的監聽。
最后別忘了給item添加一個drawable:
<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android" > <item android:state_pressed="true" android:drawable="@color/color_item_press"></item> <item android:drawable="@color/color_item_normal"></item></selector>123456 123456
123456Activity中去設置監聽:
mAdapter.setOnItemClickLitener(new OnItemClickLitener() { @Override public void onItemClick(View view, int position) { Toast.makeText(HomeActivity.this, position + " click", Toast.LENGTH_SHORT).show(); } @Override public void onItemLongClick(View view, int position) { Toast.makeText(HomeActivity.this, position + " long click", Toast.LENGTH_SHORT).show(); mAdapter.removeData(position); } });1234567891011121314151617181920 1234567891011121314151617181920
1234567891011121314151617181920測試效果:

ok,到此我們基本介紹了RecylerView常見用法,包含了:
系統提供了幾種LayoutManager的使用;如何通過自定義ItemDecoration去設置分割線,或者一些你想作為分隔的drawable,注意這里 巧妙的使用了系統的listDivider屬性,你可以嘗試添加使用divider和dividerHeight屬性。如何使用ItemAnimator為RecylerView去添加Item移除、添加的動畫效果。介紹了如何添加ItemClickListener與ItemLongClickListener。可以看到RecyclerView可以實現:
ListView的功能GridView的功能橫向ListView的功能,參考Android 自定義RecyclerView 實現真正的Gallery效果橫向ScrollView的功能瀑布流效果便于添加Item增加和移除動畫整個體驗下來,感覺這種插拔式的設計太棒了,如果系統再能提供一些常用的分隔符,多添加些動畫效果就更好了。
通過簡單改變下LayoutManager,就可以產生不同的效果,那么我們可以根據手機屏幕的寬度去動態設置LayoutManager,屏幕寬度一般的,顯示為ListView;寬度稍大的顯示兩列的GridView或者瀑布流(或者橫縱屏幕切換時變化,有點意思~);顯示的列數和寬度成正比。甚至某些特殊屏幕,讓其橫向滑動~~再選擇一個nice的動畫效果,相信這種插件式的編碼體驗一定會讓你迅速愛上RecyclerView。
Android 自定義RecyclerView 實現真正的Gallery效果
A First Glance at Android’s RecyclerView
https://github.com/gabrielemariotti/RecyclerViewItemAnimators
DividerItemDecoration
群號:423372824   源碼下載   微信公眾號:hongyangAndroid   (歡迎關注,第一時間推送博文信息)   
新聞熱點
疑難解答