Android开发之RecyclerView的使用
Android开发之RecyclerView的使用。自Android5.0之后,谷歌公司推出了RecylerView控件,RecylerView,我想看到一个新名词后大部分人会首先发出一个疑问,recylerview是什么为什么会有recylerview也就是说recylerview的优点是什么recylerview怎么用接下来就对这几个问题来一起讨论一下recylerview,如有谬误欢迎批评指正。
通过本文,你将学到以下知识点
①RecyclerView与ListView相比它的优点
②RecyclerView的初步用法
③RecyclerView增加分隔线
④RecyclerView更改分隔线的样式
⑤RecyclerView的Adapter的用法
⑥RecyclerView.Adapter中刷新的几个方法的对比
⑦给RecyclerView增加条目点击事件
1.RecyclerView是什么
RecylerView是support-v7包中的新组件,是一个强大的滑动组件,与经典的ListView相比,同样拥有item回收复用的功能,这一点从它的名字recylerview即回收view也可以看出。看到这也许有人会问,不是已经有ListView了吗,为什么还要RecylerView呢这就牵扯到第二个问题了。
2.RecyclerView的优点是什么
根据官方的介绍RecylerView是ListView的升级版,既然如此那RecylerView必然有它的优点,现就RecylerView相对于ListView的优点罗列如下:
①RecylerView封装了viewholder的回收复用,也就是说RecylerView标准化了ViewHolder,编写Adapter面向的是ViewHolder而不再是View了,复用的 逻辑被封装了,写起来更加简单。
②提供了一种插拔式的体验,高度的解耦,异常的灵活,针对一个Item的显示RecylerView专门抽取出了相应的类,来控制Item的显示,使其的扩展性非常强。例如:你想控制横向或者纵向滑动列表效果可以通过LinearLayoutManager这个类来进行控制(与GridView效果对应的是GridLayoutManager,与瀑布流对应的还有StaggeredGridLayoutManager等),也就是说RecylerView不再拘泥于ListView的线性展示方式,它也可以实现GridView的效果等多种效果。你想控制Item的分隔线,可以通过继承RecylerView的ItemDecoration这个类,然后针对自己的业务需求去抒写代码。
③可以控制Item增删的动画,可以通过ItemAnimator这个类进行控制,当然针对增删的动画,RecylerView有其自己默认的实现。
3.RecyclerView的用法
3.1 RecyclerView的初步用法(包括RecyclerView.Adapter用法)
说了这么多,可能大家最关心的就是RecylerView应该怎么用,我们先来讨论讨论RecylerView的用法的理论知识,然后结合一个实例来体验一下RecylerView的优势首先我们需要明白的一点是使用RecylerView必须导入support-v7包,在上面我提到过RecylerView高度的解耦,异常的灵活谷歌给我们提供了多个类来控制Item的显示。
[java]view plaincopy
可以看到对RecylerView的设置过程,比ListView要复杂一些,这也是RecylerView高度解耦的表现,虽然代码抒写上有点复杂,但它的扩展性是极高的。
[java]view plaincopy
[java]view plaincopy
[java]view plaincopy
可以看到系统给提供的动画效果还不错,当然我们也可以按照业务需求去自己定义动画效果。
3.5 给RecyclerView的Item添加点击事件
到这里还有一点从文章开头到现在我们都没有提及,就是Item的点击事件RecyclerView监听事件处理在ListView使用的时候,该控件给我们提供一个onItemClickListener监听器,这样当我们点击Item的时候,会回调相关的方法,以便我们方便处理Item点击事件。对于RecyclerView来讲,非常可惜的是,该控件没有给我们提供这样的内置监听器方法,不过我们可以进行改造实现,可以这样实现Item的点击事件的监听,在我们的adapter中增加这两个方法
publicinterfaceOnItemClickListener{
voidonClick(intposition);
voidonLongClick(intposition);
}
publicvoidsetOnItemClickListener(OnItemClickListener onItemClickListener ){
this.mOnItemClickListener=onItemClickListener;
}
然后onBindViewHolder方法要做如下更改
[java]view plaincopy
[java]view plaincopy
然后运行,效果如下:
可以看到Item的onClick和onLongClick事件都触发了。到此关于RecyclerView的基本用法就介绍的差不多了,当然,还有几个点没有提到,比方说瀑布流、下拉刷新、上拉加载等,由于篇幅原因这些在后面的更新中都会给大家呈现。最后将本篇博客所提到的知识点做一个整合,写到Demo中,大家可以参考,Demo进行学习。好了,这一篇就到这里了,如果发现什么错误,或者有什么疑问请留言,感谢您的观看,谢谢各位的支持。。。
转载请注明出处:https://blog.csdn.net/dmk877/article/details/50816933
recyclerView=(RecyclerView)findViewById(R.id.recyclerView);
LinearLayoutManagerlayoutManager=newLinearLayoutManager(this);
//设置布局管理器
recyclerView.setLayoutManager(layoutManager);
//设置为垂直布局,这也是默认的
layoutManager.setOrientation(OrientationHelper.VERTICAL);
//设置Adapter
recyclerView.setAdapter(recycleAdapter);
//设置分隔线
recyclerView.addItemDecoration(newDividerGridItemDecoration(this));
//设置增加或删除条目的动画
recyclerView.setItemAnimator(newDefaultItemAnimator());
在了解了RecyclerView的一些控制之后,紧接着来看看它的Adapter的写法,RecyclerView的Adapter与ListView的Adapter还是有点区别的,RecyclerView.Adapter,需要实现3个方法:
①onCreateViewHolder()
这个方法主要生成为每个Item inflater出一个View,但是该方法返回的是一个ViewHolder。该方法把View直接封装在ViewHolder中,然后我们面向的是ViewHolder这个实例,当然这个ViewHolder需要我们自己去编写。直接省去了当初的convertView.setTag(holder)和convertView.getTag()这些繁琐的步骤。
②onBindViewHolder()
这个方法主要用于适配渲染数据到View中。方法提供给你了一个viewHolder,而不是原来的convertView。
③getItemCount()
这个方法就类似于BaseAdapter的getCount方法了,即总共有多少个条目。
实例:接着来几个小的实例帮助大家更深入的了解RecyclerView的用法,首先来实现一个最简单的列表,效果如下
这种效果的MainAcitivity的代码如下
packagecom.example.reclerviewpractice;
importjava.util.ArrayList;
importjava.util.List;
importcom.example.reclerviewpractice.adapter.MyRecyclerAdapter;
importandroid.annotation.SuppressLint;
importandroid.os.Bundle;
importandroid.support.v7.app.ActionBarActivity;
importandroid.support.v7.widget.DefaultItemAnimator;
importandroid.support.v7.widget.LinearLayoutManager;
importandroid.support.v7.widget.OrientationHelper;
importandroid.support.v7.widget.RecyclerView;
publicclassMainActivityextendsActionBarActivity{
privateRecyclerViewrecyclerView;
privateListmDatas;
privateMyRecyclerAdapterrecycleAdapter;
@SuppressLint("NewApi")@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
recyclerView=(RecyclerView)findViewById(R.id.recyclerView);
initData();
recycleAdapter=newMyRecyclerAdapter(MainActivity.this,mDatas);
LinearLayoutManagerlayoutManager=newLinearLayoutManager(this);
//设置布局管理器
recyclerView.setLayoutManager(layoutManager);
//设置为垂直布局,这也是默认的
layoutManager.setOrientation(OrientationHelper.VERTICAL);
//设置Adapter
recyclerView.setAdapter(recycleAdapter);
//设置增加或删除条目的动画
recyclerView.setItemAnimator(newDefaultItemAnimator());
}
privatevoidinitData(){
mDatas=newArrayList();
for(inti=0;imDatas.add("item"+i);
}
}
}
packagecom.example.reclerviewpractice.adapter;
importjava.util.List;
importcom.example.reclerviewpractice.R;
importandroid.content.Context;
importandroid.support.v7.widget.RecyclerView;
importandroid.support.v7.widget.RecyclerView.ViewHolder;
importandroid.view.LayoutInflater;
importandroid.view.View;
importandroid.view.ViewGroup;
importandroid.widget.TextView;
publicclassMyRecyclerAdapterextendsRecyclerView.Adapter{
privateListmDatas;
privateContextmContext;
privateLayoutInflaterinflater;
publicMyRecyclerAdapter(Contextcontext,Listdatas){
this.mContext=context;
this.mDatas=datas;
inflater=LayoutInflater.from(mContext);
}
@Override
publicintgetItemCount(){
returnmDatas.size();
}
//填充onCreateViewHolder方法返回的holder中的控件
@Override
publicvoidonBindViewHolder(MyViewHolderholder,finalintposition){
holder.tv.setText(mDatas.get(position));
}
//重写onCreateViewHolder方法,返回一个自定义的ViewHolder
@Override
publicMyViewHolderonCreateViewHolder(ViewGroupparent,intviewType){
Viewview=inflater.inflate(R.layout.item_home,parent,false);
MyViewHolderholder=newMyViewHolder(view);
returnholder;
}
classMyViewHolderextendsViewHolder{
TextViewtv;
publicMyViewHolder(Viewview){
super(view);
tv=(TextView)view.findViewById(R.id.tv_item);
}
}
}
publicstaticabstractclassItemDecoration{
publicvoidonDraw(Canvasc,RecyclerViewparent,Statestate){
onDraw(c,parent);
}
publicvoidonDrawOver(Canvasc,RecyclerViewparent,Statestate){
onDrawOver(c,parent);
}
publicvoidgetItemOffsets(RectoutRect,Viewview,RecyclerViewparent,Statestate){
getItemOffsets(outRect,((LayoutParams)view.getLayoutParams()).getViewLayoutPosition(),parent);
}
}
packagecom.example.reclerviewpractice;
importandroid.content.Context;
importandroid.content.res.TypedArray;
importandroid.graphics.Canvas;
importandroid.graphics.Rect;
importandroid.graphics.drawable.Drawable;
importandroid.support.v7.widget.LinearLayoutManager;
importandroid.support.v7.widget.RecyclerView;
importandroid.view.View;
publicclassDividerItemDecorationextendsRecyclerView.ItemDecoration{
privatestaticfinalint[]ATTRS=newint[]{
android.R.attr.listDivider
};
publicstaticfinalintHORIZONTAL_LIST=LinearLayoutManager.HORIZONTAL;
publicstaticfinalintVERTICAL_LIST=LinearLayoutManager.VERTICAL;
privateDrawablemDivider;
privateintmOrientation;
publicDividerItemDecoration(Contextcontext,intorientation){
finalTypedArraya=context.obtainStyledAttributes(ATTRS);
mDivider=a.getDrawable(0);
a.recycle();
setOrientation(orientation);
}
publicvoidsetOrientation(intorientation){
if(orientation!=HORIZONTAL_LIST&&orientation!=VERTICAL_LIST){
thrownewIllegalArgumentException("invalidorientation");
}
mOrientation=orientation;
}
@Override
publicvoidonDraw(Canvasc,RecyclerViewparent){
if(mOrientation==VERTICAL_LIST){
drawVertical(c,parent);
}else{
drawHorizontal(c,parent);
}
}
publicvoiddrawVertical(Canvasc,RecyclerViewparent){
finalintleft=parent.getPaddingLeft();
finalintright=parent.getWidth()-parent.getPaddingRight();
finalintchildCount=parent.getChildCount();
for(inti=0;ifinalViewchild=parent.getChildAt(i);
finalRecyclerView.LayoutParamsparams=(RecyclerView.LayoutParams)child
.getLayoutParams();
finalinttop=child.getBottom()+params.bottomMargin;
finalintbottom=top+mDivider.getIntrinsicHeight();
mDivider.setBounds(left,top,right,bottom);
mDivider.draw(c);
}
}
publicvoiddrawHorizontal(Canvasc,RecyclerViewparent){
finalinttop=parent.getPaddingTop();
finalintbottom=parent.getHeight()-parent.getPaddingBottom();
finalintchildCount=parent.getChildCount();
for(inti=0;ifinalViewchild=parent.getChildAt(i);
finalRecyclerView.LayoutParamsparams=(RecyclerView.LayoutParams)child
.getLayoutParams();
finalintleft=child.getRight()+params.rightMargin;
finalintright=left+mDivider.getIntrinsicHeight();
mDivider.setBounds(left,top,right,bottom);
mDivider.draw(c);
}
}
@Override
publicvoidgetItemOffsets(RectoutRect,intitemPosition,RecyclerViewparent){
if(mOrientation==VERTICAL_LIST){
outRect.set(0,0,0,mDivider.getIntrinsicHeight());
}else{
outRect.set(0,0,mDivider.getIntrinsicWidth(),0);
}
}
}
@drawable/pider
修改之后运行效果如下:
可以看到分隔线的颜色变了,当然了这只是一个小例子,我们可以按照业务需求去更改,这样就基本实现了ListView的效果,看到这肯定会有人说,这尼玛,好麻烦,还不如ListView简单呢,从上面的代码量看来确实是使用起来很复杂,但是如果此时你想将这个列表以GridView的形式展示出来,用RecylerView仅仅是换一行代码的事情,
在上面的代码中我们使用了
LinearLayoutManagerlayoutManager=newLinearLayoutManager(this);
//设置布局管理器
recyclerView.setLayoutManager(layoutManager);
recyclerView.setLayoutManager(newGridLayoutManager(this,4));
finalintleft=parent.getPaddingLeft();
finalintright=parent.getWidth()-parent.getPaddingRight();
这两行我们可以看出来,它是绘制了一条线这条线就是从RecyclerView去掉左右边距后,剩余的部分,因为当显示成ListView时每一行就一个Item所以整体效果看上去就跟ListView差不多,而当展示成GridView那样的效果时,每一行就不止一个条目了,而有可能是多个,所以这个类就不再适用了,我们需要重新写一个,这里我就直接用鸿洋大神写的了,它的博客地址:https://blog.csdn.net/lmj623565791/article/details/45059587
packagecom.example.reclerviewpractice;
importandroid.content.Context;
importandroid.content.res.TypedArray;
importandroid.graphics.Canvas;
importandroid.graphics.Rect;
importandroid.graphics.drawable.Drawable;
importandroid.support.v7.widget.GridLayoutManager;
importandroid.support.v7.widget.RecyclerView;
importandroid.support.v7.widget.RecyclerView.LayoutManager;
importandroid.support.v7.widget.RecyclerView.State;
importandroid.support.v7.widget.StaggeredGridLayoutManager;
importandroid.view.View;
/**
*
*@authorzhy
*
*/
publicclassDividerGridItemDecorationextendsRecyclerView.ItemDecoration
{
privatestaticfinalint[]ATTRS=newint[]{android.R.attr.listDivider};
privateDrawablemDivider;
publicDividerGridItemDecoration(Contextcontext)
{
finalTypedArraya=context.obtainStyledAttributes(ATTRS);
mDivider=a.getDrawable(0);
a.recycle();
}
@Override
publicvoidonDraw(Canvasc,RecyclerViewparent,Statestate)
{
drawHorizontal(c,parent);
drawVertical(c,parent);
}
privateintgetSpanCount(RecyclerViewparent)
{
//列数
intspanCount=-1;
LayoutManagerlayoutManager=parent.getLayoutManager();
if(layoutManagerinstanceofGridLayoutManager)
{
spanCount=((GridLayoutManager)layoutManager).getSpanCount();
}elseif(layoutManagerinstanceofStaggeredGridLayoutManager)
{
spanCount=((StaggeredGridLayoutManager)layoutManager)
.getSpanCount();
}
returnspanCount;
}
publicvoiddrawHorizontal(Canvasc,RecyclerViewparent)
{
intchildCount=parent.getChildCount();
for(inti=0;i{
finalViewchild=parent.getChildAt(i);
finalRecyclerView.LayoutParamsparams=(RecyclerView.LayoutParams)child
.getLayoutParams();
finalintleft=child.getLeft()-params.leftMargin;
finalintright=child.getRight()+params.rightMargin
+mDivider.getIntrinsicWidth();
finalinttop=child.getBottom()+params.bottomMargin;
finalintbottom=top+mDivider.getIntrinsicHeight();
mDivider.setBounds(left,top,right,bottom);
mDivider.draw(c);
}
}
publicvoiddrawVertical(Canvasc,RecyclerViewparent)
{
finalintchildCount=parent.getChildCount();
for(inti=0;i{
finalViewchild=parent.getChildAt(i);
finalRecyclerView.LayoutParamsparams=(RecyclerView.LayoutParams)child
.getLayoutParams();
finalinttop=child.getTop()-params.topMargin;
finalintbottom=child.getBottom()+params.bottomMargin;
finalintleft=child.getRight()+params.rightMargin;
finalintright=left+mDivider.getIntrinsicWidth();
mDivider.setBounds(left,top,right,bottom);
mDivider.draw(c);
}
}
privatebooleanisLastColum(RecyclerViewparent,intpos,intspanCount,
intchildCount)
{
LayoutManagerlayoutManager=parent.getLayoutManager();
if(layoutManagerinstanceofGridLayoutManager)
{
if((pos+1)%spanCount==0)//如果是最后一列,则不需要绘制右边
{
returntrue;
}
}elseif(layoutManagerinstanceofStaggeredGridLayoutManager)
{
intorientation=((StaggeredGridLayoutManager)layoutManager)
.getOrientation();
if(orientation==StaggeredGridLayoutManager.VERTICAL)
{
if((pos+1)%spanCount==0)//如果是最后一列,则不需要绘制右边
{
returntrue;
}
}else
{
childCount=childCount-childCount%spanCount;
if(pos>=childCount)//如果是最后一列,则不需要绘制右边
returntrue;
}
}
returnfalse;
}
privatebooleanisLastRaw(RecyclerViewparent,intpos,intspanCount,
intchildCount)
{
LayoutManagerlayoutManager=parent.getLayoutManager();
if(layoutManagerinstanceofGridLayoutManager)
{
childCount=childCount-childCount%spanCount;
if(pos>=childCount)//如果是最后一行,则不需要绘制底部
returntrue;
}elseif(layoutManagerinstanceofStaggeredGridLayoutManager)
{
intorientation=((StaggeredGridLayoutManager)layoutManager)
.getOrientation();
//StaggeredGridLayoutManager且纵向滚动
if(orientation==StaggeredGridLayoutManager.VERTICAL)
{
childCount=childCount-childCount%spanCount;
//如果是最后一行,则不需要绘制底部
if(pos>=childCount)
returntrue;
}else
//StaggeredGridLayoutManager且横向滚动
{
//如果是最后一行,则不需要绘制底部
if((pos+1)%spanCount==0)
{
returntrue;
}
}
}
returnfalse;
}
@Override
publicvoidgetItemOffsets(RectoutRect,intitemPosition,
RecyclerViewparent)
{
intspanCount=getSpanCount(parent);
intchildCount=parent.getAdapter().getItemCount();
if(isLastRaw(parent,itemPosition,spanCount,childCount))//如果是最后一行,则不需要绘制底部
{
outRect.set(0,0,mDivider.getIntrinsicWidth(),0);
}elseif(isLastColum(parent,itemPosition,spanCount,childCount))//如果是最后一列,则不需要绘制右边
{
outRect.set(0,0,0,mDivider.getIntrinsicHeight());
}else
{
outRect.set(0,0,mDivider.getIntrinsicWidth(),
mDivider.getIntrinsicHeight());
}
}
}
StaggeredGridLayoutManagerlayoutManager=newStaggeredGridLayoutManager(4,StaggeredGridLayoutManager.HORIZONTAL);
//设置布局管理器
recyclerView.setLayoutManager(layoutManager);
LinearLayoutManagerlayoutManager=newLinearLayoutManager(this);
//设置布局管理器
recyclerView.setLayoutManager(layoutManager);
//设置增加或删除条目的动画
recyclerView.setItemAnimator(newDefaultItemAnimator());
@Override
publicbooleanonCreateOptionsMenu(Menumenu)
{
getMenuInflater().inflate(R.menu.main,menu);
returnsuper.onCreateOptionsMenu(menu);
}
@Override
publicbooleanonOptionsItemSelected(MenuItemitem)
{
switch(item.getItemId())
{
caseR.id.id_action_add:
recycleAdapter.addData(1);
break;
caseR.id.id_action_delete:
recycleAdapter.removeData(1);
break;
}
returntrue;
}
publicfinalvoidnotifyDataSetChanged()
publicfinalvoidnotifyItemChanged(intposition)
publicfinalvoidnotifyItemRangeChanged(intpositionStart,intitemCount)
publicfinalvoidnotifyItemInserted(intposition)
publicfinalvoidnotifyItemMoved(intfromPosition,inttoPosition)
publicfinalvoidnotifyItemRangeInserted(intpositionStart,intitemCount)
publicfinalvoidnotifyItemRemoved(intposition)
publicfinalvoidnotifyItemRangeRemoved(intpositionStart,intitemCount)
notifyDataSetChanged()这个方法跟我们平时用到的ListView的Adapter的方法一样,这里就不多做描述了。
notifyItemChanged(int position),当position位置的数据发生了改变时就会调用这个方法,就会回调对应position的onBindViewHolder()方法了,当然,因为ViewHolder是复用的,所以如果position在当前屏幕以外,也就不会回调了,因为没有意义,下次position滚动会当前屏幕以内的时候同样会调用onBindViewHolder()方法刷新数据了。其他的方法也是同样的道理。public final void notifyItemRangeChanged(int positionStart, int itemCount),顾名思义,可以刷新从positionStart开始itemCount数量的item了(这里的刷新指回调onBindViewHolder()方法)。
public final void notifyItemInserted(int position),这个方法是在第position位置被插入了一条数据的时候可以使用这个方法刷新,注意这个方法调用后会有插入的动画,这个动画可以使用默认的,也可以自己定义。
public final void notifyItemMoved(int fromPosition, int toPosition),这个方法是从fromPosition移动到toPosition为止的时候可以使用这个方法刷新
public final void notifyItemRangeInserted(int positionStart, int itemCount),显然是批量添加。
public final void notifyItemRemoved(int position),第position个被删除的时候刷新,同样会有动画。
将上述更改运行,点击添加和删除按钮效果图如下:
public final void notifyItemRangeRemoved(int positionStart, int itemCount),批量删除。
@Override
publicvoidonBindViewHolder(MyViewHolderholder,finalintposition){
holder.tv.setText(mDatas.get(position));
if(mOnItemClickListener!=null){
holder.itemView.setOnClickListener(newOnClickListener(){
@Override
publicvoidonClick(Viewv){
mOnItemClickListener.onClick(position);
}
});
holder.itemView.setOnLongClickListener(newOnLongClickListener(){
@Override
publicbooleanonLongClick(Viewv){
mOnItemClickListener.onLongClick(position);
returnfalse;
}
});
}
}
在MainAcitivity中增加
recycleAdapter.setOnItemClickListener(newOnItemClickListener(){
@Override
publicvoidonLongClick(intposition){
Toast.makeText(MainActivity.this,"onLongClick事件您点击了第:"+position+"个Item",0).show();
}
@Override
publicvoidonClick(intposition){
Toast.makeText(MainActivity.this,"onClick事件您点击了第:"+position+"个Item",0).show();
}
});