Android中的RecyclerView新組件初步上手指南
介紹
RecyclerView是support-v7包中的新組件,是一個(gè)強(qiáng)大的滑動(dòng)組件,與經(jīng)典的ListView相比,同樣擁有item回收復(fù)用的功能,但是直接把viewholder的實(shí)現(xiàn)封裝起來,用戶只要實(shí)現(xiàn)自己的viewholder就可以了,該組件會(huì)自動(dòng)幫你回收復(fù)用每一個(gè)item。
它不但變得更精簡(jiǎn),也變得更加容易使用,而且更容易組合設(shè)計(jì)出自己需要的滑動(dòng)布局。
RecyclerView與ListView原理是類似的:都是僅僅維護(hù)少量的View并且可以展示大量的數(shù)據(jù)集。RecyclerView用以下兩種方式簡(jiǎn)化了數(shù)據(jù)的展示和處理:
(1)使用LayoutManager來確定每一個(gè)item的排列方式。
(2)為增加和刪除項(xiàng)目提供默認(rèn)的動(dòng)畫效果。
你也可以定義你自己的LayoutManager和添加刪除動(dòng)畫,RecyclerView項(xiàng)目結(jié)構(gòu)如下:
(1)Adapter:使用RecyclerView之前,你需要一個(gè)繼承自RecyclerView.Adapter的適配器,作用是將數(shù)據(jù)與每一個(gè)item的界面進(jìn)行綁定。
(2)LayoutManager:用來確定每一個(gè)item如何進(jìn)行排列擺放,何時(shí)展示和隱藏?;厥栈蛑赜靡粋€(gè)View的時(shí)候,LayoutManager會(huì)向適配器請(qǐng)求新的數(shù)據(jù)來替換舊的數(shù)據(jù),這種機(jī)制避免了創(chuàng)建過多的View和頻繁的調(diào)用findViewById方法(與ListView原理類似)。
目前SDK中提供了三種自帶的LayoutManager:
(1)LinearLayoutManager
(2)GridLayoutManager
(3)StaggeredGridLayoutManager
使用它的理由:
簡(jiǎn)單說,它是ListView的進(jìn)化,為了當(dāng)你需要?jiǎng)討B(tài)展示一組數(shù)據(jù)的時(shí)候就會(huì)需要它。
當(dāng)然,如果只是動(dòng)態(tài)展示數(shù)據(jù),listview也可以做到,用它替代listview的原因有幾個(gè):
(1)簡(jiǎn)介中提到的它封裝了viewholder的回收復(fù)用。
(2)RecyclerView使用布局管理器管理子view的位置(目前尚只提供了LinearLayoutManager),也就是說你再不用拘泥于ListView的線性展示方式,如果之后提供其他custom LayoutManager的支持,你能夠使用復(fù)雜的布局來展示一個(gè)動(dòng)態(tài)組件。
(3)自帶了ItemAnimation,可以設(shè)置加載和移除時(shí)的動(dòng)畫,方便做出各種動(dòng)態(tài)瀏覽的效果。
官方樣例:
xml:
<!-- A RecyclerView with some commonly used attributes --> <android.support.v7.widget.RecyclerView android:id="@+id/my_recycler_view" android:scrollbars="vertical" android:layout_width="match_parent" android:layout_height="match_parent"/>
main code:
public class MyActivity extends Activity { private RecyclerView mRecyclerView; private RecyclerView.Adapter mAdapter; private RecyclerView.LayoutManager mLayoutManager; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.my_activity); mRecyclerView = (RecyclerView) findViewById(R.id.my_recycler_view); // improve performance if you know that changes in content // do not change the size of the RecyclerView mRecyclerView.setHasFixedSize(true); // use a linear layout manager mLayoutManager = new LinearLayoutManager(this); mRecyclerView.setLayoutManager(mLayoutManager); // specify an adapter (see also next example) mAdapter = new MyAdapter(myDataset); mRecyclerView.setAdapter(mAdapter); } ... }
adapter code:
public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> { private String[] mDataset; // Provide a reference to the type of views that you are using // (custom viewholder) public static class ViewHolder extends RecyclerView.ViewHolder { public TextView mTextView; public ViewHolder(TextView v) { super(v); mTextView = v; } } // Provide a suitable constructor (depends on the kind of dataset) public MyAdapter(String[] myDataset) { mDataset = myDataset; } // Create new views (invoked by the layout manager) @Override public MyAdapter.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { // create a new view View v = LayoutInflater.from(parent.getContext()) .inflate(R.layout.my_text_view, parent, false); // set the view's size, margins, paddings and layout parameters ... ViewHolder vh = new ViewHolder(v); return vh; } // Replace the contents of a view (invoked by the layout manager) @Override public void onBindViewHolder(ViewHolder holder, int position) { // - get element from your dataset at this position // - replace the contents of the view with that element holder.mTextView.setText(mDataset[position]); } // Return the size of your dataset (invoked by the layout manager) @Override public int getItemCount() { return mDataset.length; } }
替用Gallery:
筆者使用RecyclerView的原因其實(shí)并不是為了使用一個(gè)新穎的組件去實(shí)現(xiàn)華麗的功能,就在前一天我還在到處尋找一個(gè)可以替代deprecated組件Gallery的組件。其實(shí)在Gallery棄用之后,RecyclerView出來之前,ViewPager和擴(kuò)展ScrollView是StackOverFlow上推薦的實(shí)現(xiàn)Gallery的兩種解決辦法,但是都有一定的問題,ScrollView要實(shí)現(xiàn)Gallery的改動(dòng)太大,ViewPager替用的滑動(dòng)體驗(yàn)和原來的Gallery相去甚遠(yuǎn)。
順著官方demo,我替換掉原來的ViewPager類,使用RecylcerView,改進(jìn)有以下幾點(diǎn):
(1)使用過ViewPager動(dòng)畫的應(yīng)該知道(有經(jīng)典的ViewPager動(dòng)畫第三方擴(kuò)展JazzyViewPager),這些動(dòng)畫是為了提供給每個(gè)item占據(jù)全屏,或占據(jù)幾乎全屏這種情況設(shè)計(jì)的。也就是說,如果你簡(jiǎn)單地將ViewPager的每頁顯示數(shù)設(shè)置為你需要的值,之后設(shè)置的動(dòng)畫很可能并不是你需要的效果(因此之前我在嵌套時(shí)去掉了ViewPager的動(dòng)畫,稍微有點(diǎn)失望)。
(2)滑動(dòng)速度加快,因?yàn)閂iewPager并不是ViewsPager。。。一次長(zhǎng)距離的滑動(dòng)可能只造成1~2張圖片的滾動(dòng),一點(diǎn)也不像gallery,這是我用RecylcerView替代它的主要原因。
基于原來的代碼,我構(gòu)建了MyRecyclerGallery,保留了原來的觸摸事件,現(xiàn)在滑動(dòng)起來舒服多了:
你可以看到滑動(dòng)時(shí)還有滾動(dòng)條。事件機(jī)制和原來一樣,RecyclerView的關(guān)鍵代碼沒有變化,所以就不放出源碼了。
相關(guān)文章
Android拖拽助手ViewDragHelper的創(chuàng)建與使用實(shí)例
ViewDragHelper是針對(duì) ViewGroup 中的拖拽和重新定位 views 操作時(shí)提供了一系列非常有用的方法和狀態(tài)追蹤,下面這篇文章主要給大家介紹了關(guān)于Android拖拽助手ViewDragHelper的創(chuàng)建與使用的相關(guān)資料,需要的朋友可以參考下2022-05-05Android ViewPager中顯示圖片與播放視頻的填坑記錄
這篇文章主要給介紹了關(guān)于Android ViewPager中顯示圖片與播放視頻的一些填坑記錄,文中通過示例代碼介紹的非常詳細(xì),對(duì)各位Android開發(fā)者們具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-05-05Android實(shí)現(xiàn)手機(jī)定位的案例代碼
今天小編就為大家分享一篇關(guān)于Android實(shí)現(xiàn)手機(jī)定位的案例代碼,小編覺得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來看看吧2019-03-03Android連接MySQL數(shù)據(jù)庫并進(jìn)行增刪改查操作示例講解
這篇文章主要介紹了Android 連接MySQL數(shù)據(jù)庫并進(jìn)行增刪改查操作示例講解,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08Android如何實(shí)現(xiàn)藍(lán)牙配對(duì)連接功能
Android 并沒有開放配對(duì)連接耳機(jī)的接口,而且網(wǎng)上大部分資料都是講解如何連接藍(lán)牙4.0的,很少有資料詳細(xì)介紹藍(lán)牙2.0相關(guān)的。期間還是踩了不少坑才摸索出解決辦法。所以把我自己摸索總結(jié)出來的經(jīng)驗(yàn)梳理記錄下,以便備份2021-05-05仿ios狀態(tài)欄顏色和標(biāo)題欄顏色一致的實(shí)例代碼
下面小編就為大家分享一篇仿ios狀態(tài)欄顏色和標(biāo)題欄顏色一致的實(shí)例代碼,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-01-01Android SeekBar實(shí)現(xiàn)平滑滾動(dòng)
這篇文章主要為大家詳細(xì)介紹了Android SeekBar實(shí)現(xiàn)平滑滾動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-03-03Android中使用Canvas繪制南丁格爾玫瑰圖(Nightingale rose diagram)
這篇文章主要介紹了Android中使用Canvas繪制南丁格爾玫瑰圖(Nightingale rose diagram),本文直接給出實(shí)現(xiàn)代碼和運(yùn)行效果圖,需要的朋友可以參考下2015-03-03