android新組件RecyclerView使用介紹和進階使用,替用Gallery


簡介:

RecyclerView是support-v7包中的新組件,是一個強大的滑動組件,與經典的ListView相比,同樣擁有item回收復用的功能,但是直接把viewholder的實現封裝起來,用戶只要實現自己的viewholder就可以了,該組件會自動幫你回收復用每一個item。

它不但變得更精簡,也變得更加容易使用,而且更容易組合設計出自己需要的滑動布局。

要使用RecyclerView,請參考 ,其實你也可以只下載一個jar包,添加到自己的libs里就能使用它了,Recycler.jar

使用它的理由:

RecyclerView is a more advanced and flexible version of  ListView. This widget is a container for large sets of views that can be recycled and scrolled very efficiently. Use the  RecyclerView widget when you have lists with elements that change dynamically.
簡單說,它是ListView的進化,為了當你需要動態展示一組數據的時候就會需要它。
 
當然,如果只是動態展示數據,listview也可以做到,用它替代listview的原因有幾個:
·簡介中提到的它封裝了viewholder的回收復用。
·RecyclerView使用布局管理器管理子view的位置(目前尚只提供了LinearLayoutManager),也就是說你再不用拘泥於ListView的線性展示方式,如果之后提供其他custom LayoutManager的支持,你能夠使用復雜的布局來展示一個動態組件。
·自帶了ItemAnimation,可以設置加載和移除時的動畫,方便做出各種動態瀏覽的效果。
 
如果你想簡單地入門這個組件,請參考

官方樣例:

xml:
[html]  view plain  copy
 
 在CODE上查看代碼片派生到我的代碼片
  1. <!-- A RecyclerView with some commonly used attributes -->  
  2. <android.support.v7.widget.RecyclerView  
  3.     android:id="@+id/my_recycler_view"  
  4.     android:scrollbars="vertical"  
  5.     android:layout_width="match_parent"  
  6.     android:layout_height="match_parent"/>  

main code:
[java]  view plain  copy
 
 在CODE上查看代碼片派生到我的代碼片
  1. public class MyActivity extends Activity {  
  2.     private RecyclerView mRecyclerView;  
  3.     private RecyclerView.Adapter mAdapter;  
  4.     private RecyclerView.LayoutManager mLayoutManager;  
  5.   
  6.     @Override  
  7.     protected void onCreate(Bundle savedInstanceState) {  
  8.         super.onCreate(savedInstanceState);  
  9.         setContentView(R.layout.my_activity);  
  10.         mRecyclerView = (RecyclerView) findViewById(R.id.my_recycler_view);  
  11.   
  12.         // improve performance if you know that changes in content  
  13.         // do not change the size of the RecyclerView  
  14.         mRecyclerView.setHasFixedSize(true);  
  15.   
  16.         // use a linear layout manager  
  17.         mLayoutManager = new LinearLayoutManager(this);  
  18.         mRecyclerView.setLayoutManager(mLayoutManager);  
  19.   
  20.         // specify an adapter (see also next example)  
  21.         mAdapter = new MyAdapter(myDataset);  
  22.         mRecyclerView.setAdapter(mAdapter);  
  23.     }  
  24.     ...  
  25. }  
adapter code:

[java]  view plain  copy
 
 在CODE上查看代碼片派生到我的代碼片
  1. public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {  
  2.     private String[] mDataset;  
  3.   
  4.     // Provide a reference to the type of views that you are using  
  5.     // (custom viewholder)  
  6.     public static class ViewHolder extends RecyclerView.ViewHolder {  
  7.         public TextView mTextView;  
  8.         public ViewHolder(TextView v) {  
  9.             super(v);  
  10.             mTextView = v;  
  11.         }  
  12.     }  
  13.   
  14.     // Provide a suitable constructor (depends on the kind of dataset)  
  15.     public MyAdapter(String[] myDataset) {  
  16.         mDataset = myDataset;  
  17.     }  
  18.   
  19.     // Create new views (invoked by the layout manager)  
  20.     @Override  
  21.     public MyAdapter.ViewHolder onCreateViewHolder(ViewGroup parent,  
  22.                                                    int viewType) {  
  23.         // create a new view  
  24.         View v = LayoutInflater.from(parent.getContext())  
  25.                                .inflate(R.layout.my_text_view, parent, false);  
  26.         // set the view's size, margins, paddings and layout parameters  
  27.         ...  
  28.         ViewHolder vh = new ViewHolder(v);  
  29.         return vh;  
  30.     }  
  31.   
  32.     // Replace the contents of a view (invoked by the layout manager)  
  33.     @Override  
  34.     public void onBindViewHolder(ViewHolder holder, int position) {  
  35.         // - get element from your dataset at this position  
  36.         // - replace the contents of the view with that element  
  37.         holder.mTextView.setText(mDataset[position]);  
  38.   
  39.     }  
  40.   
  41.     // Return the size of your dataset (invoked by the layout manager)  
  42.     @Override  
  43.     public int getItemCount() {  
  44.         return mDataset.length;  
  45.     }  
  46. }  

替用Gallery:

筆者使用RecyclerView的原因其實並不是為了使用一個新穎的組件去實現華麗的功能,就在前一天我還在到處尋找一個可以替代deprecated組件Gallery的組件。在 android滑動組件嵌套一般思路,多任務手勢思路,觸摸傳遞思路,【例】listview嵌套viewpager 中我介紹了ListView嵌套ViewPager顯示圖片的辦法。其實在Gallery棄用之后,RecyclerView出來之前,ViewPager和擴展ScrollView是StackOverFlow上推薦的實現Gallery的兩種解決辦法,但是都有一定的問題,ScrollView要實現Gallery的改動太大,ViewPager替用的滑動體驗和原來的Gallery相去甚遠。
 
順着官方demo,我替換掉原來的ViewPager類,使用RecylcerView,改進有以下幾點:
 
·使用過ViewPager動畫的應該知道(有經典的ViewPager動畫第三方擴展JazzyViewPager),這些動畫是為了提供給每個item占據全屏,或占據幾乎全屏這種情況設計的。也就是說,如果你簡單地將ViewPager的每頁顯示數設置為你需要的值,之后設置的動畫很可能並不是你需要的效果(因此之前我在嵌套時去掉了ViewPager的動畫,稍微有點失望)。
·滑動速度加快,因為ViewPager並不是ViewsPager。。。一次長距離的滑動可能只造成1~2張圖片的滾動,一點也不像gallery,這是我用RecylcerView替代它的主要原因。
 
基於原來的代碼,我構建了MyRecyclerGallery,保留了原來的觸摸事件,現在滑動起來舒服多了:

你可以看到滑動時還有滾動條。
事件機制和原來一樣,RecyclerView的關鍵代碼沒有變化,所以就不放出源碼了。
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM