來源 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的別的一些屌爆的用法。做者用的環境是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"
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,並聲明LayoutManager
與Adapter
,代碼以下:
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佈局的列表,只要聲明LayoutManager爲GridLayoutManager便可:
1
2
|
mLayoutManager =
new
GridLayoutManager(context,columNum);
mRecyclerView.setLayoutManager(mLayoutManager);
|
注意,在Grid佈局中也能夠設置列表的Orientation屬性,來實現橫向和縱向的Grid佈局。
瀑布流就使用StaggeredGridLayoutManager吧,具體方法與上面相似,就不作介紹啦。
本節介紹的是一個最最簡單的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,等我研究明白了也來說一講如何自定義這些效果~