路要走,生活还得继续。

Hardworking Now

Android开发之RecyclerView的使用(一)

自Android 5.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的显示。

recyclerView = (RecyclerView) findViewById(R.id.recyclerView);  
LinearLayoutManager layoutManager = new LinearLayoutManager(this );  
//设置布局管理器  
recyclerView.setLayoutManager(layoutManager);  
//设置为垂直布局,这也是默认的  
layoutManager.setOrientation(OrientationHelper. VERTICAL);  
//设置Adapter  
recyclerView.setAdapter( recycleAdapter);  
 //设置分隔线  
recyclerView.addItemDecoration( new DividerGridItemDecoration(this ));  
//设置增加或删除条目的动画  
recyclerView.setItemAnimator( new DefaultItemAnimator());

 

可以看到对RecylerView的设置过程,比ListView要复杂一些,这也是RecylerView高度解耦的表现,虽然代码抒写上有点复杂,但它的扩展性是极高的。
在了解了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的用法,首先来实现一个最简单的列表,效果如下
package com.example.reclerviewpractice;  
  
import java.util.ArrayList;  
import java.util.List;  
  
import com.example.reclerviewpractice.adapter.MyRecyclerAdapter;  
  
import android.annotation.SuppressLint;  
import android.os.Bundle;  
import android.support.v7.app.ActionBarActivity;  
import android.support.v7.widget.DefaultItemAnimator;  
import android.support.v7.widget.LinearLayoutManager;  
import android.support.v7.widget.OrientationHelper;  
import android.support.v7.widget.RecyclerView;  
  
public class MainActivity extends ActionBarActivity {  
  
     private RecyclerView recyclerView;  
     private List<String> mDatas;  
     private MyRecyclerAdapter recycleAdapter;  
       
     @SuppressLint("NewApi") @Override  
     protected void onCreate(Bundle savedInstanceState) {  
            super.onCreate(savedInstanceState);  
           setContentView(R.layout. activity_main);  
  
            recyclerView = (RecyclerView) findViewById(R.id.recyclerView );  
             
           initData();  
            recycleAdapter= new MyRecyclerAdapter(MainActivity.this , mDatas );  
           LinearLayoutManager layoutManager = new LinearLayoutManager(this);  
            //设置布局管理器  
            recyclerView.setLayoutManager(layoutManager);  
            //设置为垂直布局,这也是默认的  
           layoutManager.setOrientation(OrientationHelper.VERTICAL);  
            //设置Adapter  
            recyclerView.setAdapter( recycleAdapter);  
            //设置增加或删除条目的动画  
            recyclerView.setItemAnimator(new DefaultItemAnimator());  
             
     }  
  
     private void initData() {  
            mDatas = new ArrayList<String>();  
            for ( int i=0; i < 40; i++) {  
                 mDatas.add( "item"+i);  
           }  
     }  
}

RecyclerView的Adapter的代码如下:

package com.example.reclerviewpractice.adapter;  
  
import java.util.List;  
  
import com.example.reclerviewpractice.R;  
  
import android.content.Context;  
import android.support.v7.widget.RecyclerView;  
import android.support.v7.widget.RecyclerView.ViewHolder;  
import android.view.LayoutInflater;  
import android.view.View;  
import android.view.ViewGroup;  
import android.widget.TextView;  
  
public class MyRecyclerAdapter extends RecyclerView.Adapter<MyRecyclerAdapter.MyViewHolder> {  
       
     private List<String> mDatas;  
     private Context mContext;  
     private LayoutInflater inflater;  
       
     public MyRecyclerAdapter(Context context, List<String> datas){  
            this. mContext=context;  
            this. mDatas=datas;  
            inflater=LayoutInflater. from(mContext);  
     }  
       
     @Override  
     public int getItemCount() {  
             
            return mDatas.size();  
     }  
  
     //填充onCreateViewHolder方法返回的holder中的控件  
     @Override  
     public void onBindViewHolder(MyViewHolder holder, final int position) {  
             
           holder.tv.setText( mDatas.get(position));  
     }  
  
     //重写onCreateViewHolder方法,返回一个自定义的ViewHolder  
     @Override  
     public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {  
             
           View view = inflater.inflate(R.layout. item_home,parent, false);  
           MyViewHolder holder= new MyViewHolder(view);  
            return holder;  
     }  
       
     class MyViewHolder extends ViewHolder{  
             
           TextView tv;  
  
            public MyViewHolder(View view) {  
                 super(view);  
                 tv=(TextView) view.findViewById(R.id. tv_item);  
           }  
             
     }  
}

 

好啦,今天也不早了,先说到这,下次再来说说RecyclerView增加分隔线以及分割线的样式吧~

GN~

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注