Recyclerview详解(一)基本使用方法
Recyclerview简介
Recyclerview是v7支持库中的组件,用来替代listview和gridview。它有以下新特性:
- 内部封装了
ViewHolder
类,强制性使用ViewHolder
来提升性能 - 布局方式交给
LayoutManager
来管理,可以方便的实现横向,纵向,网格,瀑布流视图 - 内置了
ItemDecoration
,可以实现自定义的分割效果 - 提供
ItemAnimator
,可以自定义数据改变时的动画效果 - 全新的Item回收复用机制
- 不再提供
Listview
的onItemClickListener
接口,将事件交给Item处理,或者使用onItemTouchListener
来处理触摸事件
Recyclerview使用
- 布局中引入Recyclerview。Recyclerview是v7支持库中的组件,使用之前要先引入。
<android.support.v7.widget.RecyclerView
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/list_title"
android:layout_width="match_parent"
android:layout_height="wrap_content">
</android.support.v7.widget.RecyclerView>
- 创建Item布局。 这里我们定义两种类型,一个textView,一个ImageView,用来显示文字和图片
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/item_text"
android:layout_width="match_parent"
android:layout_height="wrap_content">
</TextView>
<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/item_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</ImageView>
- 实现Recyclerview的adapter。
首先要实现Recyclerview的ViewHolder,这个Recyclerview中包含两种类型item,所以新加了一个参数,ItemType,用来判断ItemView的类型:
private class RecycleHolder extends RecyclerView.ViewHolder{
private TextView mTextView;
private ImageView mImageView;
public RecycleHolder(View itemView,int viewType) {
super(itemView);
switch (viewType){
case ITEM_TYPE_TEXT:
mTextView = (TextView) itemView;
break;
case ITEM_TYPE_IMAGE:
mImageView = (ImageView) itemView;
}
}
}
然后实现Adapter, RecyclerView的Adapter默认只有三个方法,看起来简洁了许多
public RecycleHolder onCreateViewHolder(ViewGroup parent, int viewType)
引入Item布局,交给VIewHolder类,创建holder。
public void onBindViewHolder(RecycleHolder holder, int position)
在指定的position显示时回调,用来展示数据
public int getItemCount()
获取item数量
除此之外,当前是有两种类型的Item,所以还需要实现一个方法getItemViewType(int position)
,获取当前位置对应的type。完整的Adapter代码如下:
private class RecycleAdapter extends RecyclerView.Adapter<RecycleHolder>
{
@Override
public RecycleHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View ItemView = null;
switch (viewType){
case ITEM_TYPE_TEXT:
ItemView = LayoutInflater.from(getActivity()).inflate(R.layout.item_txt,parent,false);
break;
case ITEM_TYPE_IMAGE:
ItemView = LayoutInflater.from(getActivity()).inflate(R.layout.item_txt,parent,false);
break;
}
return new RecycleHolder(ItemView,viewType);
}
@Override
public void onBindViewHolder(RecycleHolder holder, int position) {
switch (holder.viewType){
case ITEM_TYPE_TEXT:
holder.mTextView.setText(mItems.get(position));
break;
case ITEM_TYPE_IMAGE:
holder.mImageView.setImageResource(Integer.parseInt(mItems.get(position)));
break;
}
}
@Override
public int getItemCount() {
return mItems.size();
}
@Override
public int getItemViewType(int position) {
if(position < 5)
return ITEM_TYPE_TEXT;
else return ITEM_TYPE_IMAGE;
}
}
这里先在getItemViewType(int position)
方法做了判断,前5个位置放置TextView,其他的是ImageView,然后在onCreateViewHolder
里,根据ViewType来获取对应的Holder。ViewHolder类中已经对ViewType做了判断,可以携带不同的ItemView。最后在onBindViewHolder
中,对ItemView进行设置。到这里Adapter的工作已经完成了。
顺便上一下数据源mItems的代码。作为演示,简单的设置一下,前5项为文字,后五项是图片:
mItems = new ArrayList<>();
for(int i = 0; i<10; i++ ){
if (i<5){
String item = "Item No." + i;
mItems.add(item);}
else mItems.add(String.valueOf(R.drawable.ic_launcher));
}
- 为Recyclerview对象设置Adapter和LayoutManager:
RecyclerView mRecyclerView = (RecyclerView) v.findViewById(R.id.list_title);
RecyclerView.LayoutManager manager=new LinearLayoutManager(getActivity());
mRecyclerView.setLayoutManager(manager);
mRecyclerView.setAdapter(new RecycleAdapter());
这里介绍一下RecyclerView.LayoutManager
,系统已经给我们提供了三种类型的实现,LinearLayoutManager
,GridLayoutManager
,StaggeredGridLayoutManager
,分别对应线性,网格,瀑布流布局。关于布局的设置都交给它来管理,比如改为横向展示,只要设置LinearLayoutManager.sertOrientation(LinearLayoutManager.HORIZONTAL)
就可以了
另外,对于Recyclerview的Measure方式,在LayoutManager中提供了一个方法setAutoMeasureEnabled
,设置为true表示Recyclerview将自动完成布局,设置为wrap_content方式,如果设置为false,表示Measure工作交给LayoutManager,通过覆写LayoutManager的onMeasure方法来实现自定义布局。