Android開發之recycleView詳解代碼,看完包你熟練掌握recycleView的用法。轉自網絡經典文章

來源 http://jinyudong.com/2014/11/13/Introduce-RecyclerView-%E4%B8%80/html

編輯推薦:稀土掘金,這是一個針對技術開發者的一個應用,你能夠在掘金上獲取最新最優質的技術乾貨,不只僅是Android知識、前端、後端以致於產品和設計都有涉獵,想成爲全棧工程師的朋友不要錯過!前端

這篇文章是根據官網的一篇文章(這裏)寫的,不過做者增長了一些本身的理解,我十分推崇這種方式,而不是死板的翻譯官網的文檔,國內技術文章翻譯的最差的地方在於:翻譯出來的句子還保留着英語的語序。android

RecyclerView 是Android L版本中新添加的一個用來取代ListView的SDK,它的靈活性與可替代性比listview更好。接下來經過一系列的文章講解如何使用RecyclerView,完全拋棄ListView.後端

介紹

RecyclerView與ListView原理是相似的:都是僅僅維護少許的View而且能夠展現大量的數據集。RecyclerView用如下兩種方式簡化了數據的展現和處理:ide

  • 使用LayoutManager來肯定每個item的排列方式。佈局

  • 爲增長和刪除項目提供默認的動畫效果。性能

你也能夠定義你本身的LayoutManager和添加刪除動畫,RecyclerView項目結構以下:gradle

  • Adapter:使用RecyclerView以前,你須要一個繼承自RecyclerView.Adapter的適配器,做用是將數據與每個item的界面進行綁定。動畫

  • LayoutManager:用來肯定每個item如何進行排列擺放,什麼時候展現和隱藏。回收或重用一個View的時候,LayoutManager會向適配器請求新的數據來替換舊的數據,這種機制避免了建立過多的View和頻繁的調用findViewById方法(與ListView原理相似)。ui

目前SDK中提供了三種自帶的LayoutManager:

  • LinearLayoutManager

  • GridLayoutManager

  • StaggeredGridLayoutManager

第一節、簡單的RecyclerView使用方法

本節所示示例是一個最簡單的使用方法,在接下來幾節中將會介紹更多RecyclerView的別的一些屌爆的用法。做者用的環境是Android Studio 0.8.6。

一、添加依賴

在AS的build.gradle中添加依賴,而後同步一下就能夠引入依賴包:

1
2
3
4
dependencies {
...
compile  'com.android.support:recyclerview-v7:21.0.+'
}

二、編寫代碼

添加完依賴以後,就開始寫代碼了,與ListView用法相似,也是先在xml佈局文件中建立一個RecyclerView的佈局:

1
2
3
4
5
6
7
8
9
10
11
<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"
     tools:context= ".MainActivity" >
     <android.support.v7.widget.RecyclerView
         android:id= "@+id/my_recycler_view"
         android:layout_width= "match_parent"
         android:layout_height= "match_parent"
         android:scrollbars= "vertical" />
</RelativeLayout>

建立完佈局以後在MainActivity中獲取這個RecyclerView,並聲明LayoutManagerAdapter,代碼以下:

1
2
3
4
5
6
7
8
9
mRecyclerView = (RecyclerView)findViewById(R.id.my_recycler_view);
//建立默認的線性LayoutManager
mLayoutManager =  new  LinearLayoutManager( this );
mRecyclerView.setLayoutManager(mLayoutManager);
//若是能夠肯定每一個item的高度是固定的,設置這個選項能夠提升性能
mRecyclerView.setHasFixedSize( true );
//建立並設置Adapter
mAdapter = newMyAdapter(getDummyDatas());
mRecyclerView.setAdapter(mAdapter);

接下來的問題就是Adapter的建立:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {
     public String[] datas =  null ;
     public MyAdapter(String[] datas) {
         this .datas = datas;
     }
     //建立新View,被LayoutManager所調用
     @Override
     public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) {
         View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item,viewGroup, false );
         ViewHolder vh =  new  ViewHolder(view);
         return  vh;
     }
     //將數據與界面進行綁定的操做
     @Override
     public void onBindViewHolder(ViewHolder viewHolder, int position) {
         viewHolder.mTextView.setText(datas[position]);
     }
     //獲取數據的數量
     @Override
     public int getItemCount() {
         return  datas.length;
     }
     //自定義的ViewHolder,持有每一個Item的的全部界面元素
     public static class ViewHolder extends RecyclerView.ViewHolder {
         public TextView mTextView;
         public ViewHolder(View view){
         super (view);
             mTextView = (TextView) view.findViewById(R.id.text);
         }
     }
}

三、運行

寫完這些代碼這個例子既能夠跑起來了。從例子也能夠看出來,RecyclerView的用法並不比ListView複雜,反而更靈活好用,它將數據、排列方式、數據的展現方式都分割開來,所以可定製型,自定義的形式也很是多,很是靈活。

橫向佈局

若是想要一個橫向的List只要設置LinearLayoutManager以下就行,注意要聲明mLayoutManager的類型是LinearLayoutManager而不是父類LayoutManager:

1
mLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);

Grid佈局

若是想要一個Grid佈局的列表,只要聲明LayoutManager爲GridLayoutManager便可:

1
2
mLayoutManager =  new  GridLayoutManager(context,columNum);
mRecyclerView.setLayoutManager(mLayoutManager);

注意,在Grid佈局中也能夠設置列表的Orientation屬性,來實現橫向和縱向的Grid佈局。

瀑布流佈局

瀑布流就使用StaggeredGridLayoutManager吧,具體方法與上面相似,就不作介紹啦。

總結

本節介紹的是一個最最簡單的RecyclerView的使用方法,後面將介紹一些更高級的用法。




第二節、RecyclerView的高級方法


當使用了一段時間的RecyclerView,發現爲其每一項添加點擊事件並無ListView那麼輕鬆,像ListView直接加個OnItemClickListener就好了。實際上咱們不要把RecyclerView當作ListView的一個升級版,但願你們把他看作一個容器,同時裏面包含了不少不一樣的Item,它們能夠以不一樣方式排列組合,很是靈活,點擊方式你能夠按照你本身的意願進行實現。

本節主要講解如何爲RecyclerView添加點擊事件, 並簡單介紹如何進行Item增長刪除。

添加點擊事件

上一節中咱們講了如何使用RecyclerView的Adpater,其實咱們會發現,Adapter是添加點擊事件一個很好的地方,裏面是構造佈局等View的主要場所,也是數據和佈局進行綁定的地方。首先咱們在Adapter中建立一個實現點擊接口,其中view是點擊的Item,data是咱們的數據,由於咱們想知道我點擊的區域部分的數據是什麼,以便我下一步進行操做:

1
2
3
public static interface OnRecyclerViewItemClickListener {
     void onItemClick(View view , DataModel data);
}

定義完接口,添加接口和設置Adapter接口的方法:

1
2
3
4
private OnRecyclerViewItemClickListener mOnItemClickListener =  null ;
     public void setOnItemClickListener(OnRecyclerViewItemClickListener listener) {
     this .mOnItemClickListener = listener;
}

那麼這個接口用在什麼地方呢?以下代碼所示,咱們爲Adapter實現OnClickListener方法:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> implements View.OnClickListener{
     @Override
     public ViewHolder onCreateViewHolder(ViewGroup viewGroup, final int i) {
         View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item, viewGroup,  false );
         ViewHolder vh =  new  ViewHolder(view);
         //將建立的View註冊點擊事件
         view.setOnClickListener( this );
         return  vh;
     }
     @Override
     public void onBindViewHolder(ViewHolder viewHolder, final int i) {
         viewHolder.mTextView.setText(datas.get(i).title);
         //將數據保存在itemView的Tag中,以便點擊時進行獲取
         viewHolder.itemView.setTag(datas.get(i));
     }
     ...
     @Override
     public void onClick(View v) {
         if  (mOnItemClickListener !=  null ) {
             //注意這裏使用getTag方法獲取數據
             mOnItemClickListener.onItemClick(v,(DataModel)v.getTag());
         }
     }
     ...
}

作完這些事情,咱們就能夠在Activity或其餘地方爲RecyclerView添加項目點擊事件了,如在MainActivity中:

1
2
3
4
5
6
7
8
mAdapter =  new  MyAdapter(getDummyDatas());
mRecyclerView.setAdapter(mAdapter);
mAdapter.setOnItemClickListener( new  MyAdapter.OnRecyclerViewItemClickListener() {
     @Override
     public void onItemClick(View view, DataModel data) {
         //DO your fucking bussiness here!
     }
});

完成了以上代碼就能夠爲RecyclerView添加項目點擊事件了,下面咱們來看看RecyclerView如何添加和刪除數據並在界面上顯示。

添加刪除數據

之前在ListView當中,咱們只要修改後數據用Adapter的notifyDatasetChange一下就能夠更新界面。然而在RecyclerView中還有一些更高級的用法:

添加數據:

1
2
3
4
public void addItem(DataModel content, int position) {
     datas.add(position, content);
     notifyItemInserted(position);  //Attention!
}

刪除數據:

1
2
3
4
5
public void removeItem(DataModel model) {
     int position = datas.indexOf(model);
     datas.remove(position);
     notifyItemRemoved(position); //Attention!
}

值得注意的是RecyclerView的添加刪除都是有默認的動畫效果的,若是沒有效果能夠添加以下代碼:

1
mRecyclerView.setItemAnimator(newDefaultItemAnimator());

固然啦你也能夠本身定義你本身的Animator,等我研究明白了也來說一講如何自定義這些效果~

相關文章
相關標籤/搜索