RecyclerView详细使用(二):Herder添加以及adpter封装

 
 

  
  
   
   

    
    
1.RecyclerView的优势：

    
    
它自带ViewHolder来实现View的复用机制，再也不用ListView那样在getView()里自己写了  
使用LayoutManager可以实现ListView，GridView以及流式布局的列表效果
通过setItemAnimator(ItemAnimator animator)可以实现增删动画（懒的话，可以使用默认的ItemAnimator对象，效果也不错）
控制item的间隔，可以使用addItemDecoration(ItemDecoration decor)，不过里边的ItemDecoration是一个抽象类，需要自己去实现.
   
   

2.RecyclerView设置Adapter
 
class HomeAdapter extends RecyclerView.Adapter<HomeAdapter.MyViewHolder>
 {

 @Override
 public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType)
 {
     MyViewHolder holder = new MyViewHolder(LayoutInflater.from(
             HomeActivity.this).inflate(R.layout.item_home, parent,
             false));
     return holder;
 }

 @Override
 public void onBindViewHolder(MyViewHolder holder, int position)
 {
     holder.tv.setText(mDatas.get(position));
 }

 @Override
 public int getItemCount()
 {
     return mDatas.size();
 }

 class MyViewHolder extends ViewHolder
 {
     TextView tv;

     public MyViewHolder(View view)
     {
         super(view);
         tv = (TextView) view.findViewById(R.id.id_num);
     }
 }
}

    
    

     
     
   getItemCount() item的数量  
     
     

     
     
   getItemViewType(int position)是用来根据position的不同来实现RecyclerView中对不同布局的要求。从这个方法中所返回的值会在onCreateViewHolder中用到。比如头部，尾部，等等的特殊itemView（这里说成ViewHolder比较好）都可以在这里进行判断。  
     
     

     
     
   onCreateViewHolder(ViewGroup parent, int viewType)是用来配合写好的ViewHolder来返回一个ViewHolder对象。这里也涉及到了条目布局的加载。viewType则表示需要给当前position生成的是哪一种ViewHolder，这个参数也说明了RecyclerView对多类型ItemView的支持。
     
     

     
     
   onBindViewHolder(MyViewHolder holder, int position)专门用来绑定ViewHolder里的控件和数据源中position位置的数据。
     
     


    
    
3.Adapter重构
把Adapter和ViewHolder的功能以一种较为低耦合的方式进行了职能分离，让ViewHolder里所有的逻辑代码全部都只出现在ViewHolder中。我们现在就对前边提到的代码进行重构：
class MyViewHolder extends ViewHolder{
   TextView tv;        
   public MyViewHolder(Context context, View view){
          super(view);
          tv = (TextView) view.findViewById(R.id.id_num);

          //当然，我们也可以在这里使用view来对RecyclerView的一个item进行事件监听,也可以使用  
          //tv等子控件来实现item的子控件的事件监听。这也是我之所以要传context的原因之一呢～
          ......
   }

   public static MyViewHolder newInstance(Activity context, ViewGroup parent){
           View view = LayoutInflater.from(
              context).inflate(R.layout.item_home, parent,false);
         return new MyViewHolder(context, view);
   }
  }    

  //你没看错，数据绑定也被整合进来了，  
  //将adapter里的数据根据position获取到后传进来。当然，也可以根据具体情况来做调整。
   public void onBinViewHolder(String data){     
       tv.setText(data);//既然这里也有子控件，那么这里也可以做item子控件的事件监听喽
}

封装点击事件:
class HomeAdapter extends RecyclerView.Adapter<MyViewHolder>{
  private OnItemClickListener mOnItemClickListener;

  public void setOnItemClickLitener(OnItemClickLitener mOnItemClickLitener)  
  {  
      this.mOnItemClickLitener = mOnItemClickLitener;  
  } 

  @Override
  public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType){//如需要，还要对viewType做判断
      return MyViewHolder.newInstance(this, parent)
  }

  @Override
  public void onBindViewHolder(MyViewHolder holder, int position){
      holder.onBindViewHolder(mDatas.get(position));

      //如果设置了回调，则设置点击事件  
      if (mOnItemClickLitener != null) {  
          viewHolder.itemView.setOnClickListener(new OnClickListener() {  
              @Override  
              public void onClick(View v) {  
                 mOnItemClickLitener.onItemClick(viewHolder.itemView, i);  
              }  
          });  
      }  
  }

  @Override
  public int getItemCount(){
      return mDatas.size();
  }

  public interface OnItemClickLitener {  
      void onItemClick(View view, int position);  
  } 
}

点击接口调用:
  mAdapter.setOnItemClickLitener(new OnItemClickLitener() {  
  @Override  
  public void onItemClick(View view, int position) { 
      ......
  }  
});
4.带header的RecyclerView
 
4.1 GridLayoutManager
用GridLayoutManager创建了一个spanCount为2的RecylcerView
注：spanCount即列数。这里GridLayoutManager的第二个参数就是spanCount。
    RecyclerView recyclerView = (RecyclerView) findViewById(
        R.id.recycler_view);
    recyclerView.addItemDecoration(new MarginDecoration(this));
    recyclerView.setHasFixedSize(true);
    recyclerView.setLayoutManager(new GridLayoutManager(this, 2));
    recyclerView.setAdapter(new NumberedAdapter(30));
以字符串的形式显示了每个item的position，在点击的时候显示一个toast.


4.2 可变的span size
在上面的基本设置中，我们的spanCount为2，每个item的span size为1，因此一个header需要的span size则为2。
在添加header之前，我想先看看如何设置 span size。其实很简单。
注：span size表示一个item的跨度，跨度了多少个span。
    GridLayoutManager manager = new GridLayoutManager(this, 3);
    manager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
      @Override
      public int getSpanSize(int position) {
        return (3 - position % 3);
      }
    });
    recyclerView.setLayoutManager(manager);
setSpanSizeLookup可以让你根据position来设置 span size，上面代码中的公式所得到的 span size依次是3, 2, 1, 3, 2, 1...


4.3 头部header
现在让我们来添加一个header！我们需要一个提供两种view类型的adapter，一个为header一个为普通的item。
    package com.sqisland.android.recyclerview;
     
    import android.support.v7.widget.RecyclerView;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.Toast;
     
    import java.util.ArrayList;
    import java.util.List;
     
    public class HeaderNumberedAdapter extends RecyclerView.Adapter<TextViewHolder> {
      private static final int ITEM_VIEW_TYPE_HEADER = 0;
      private static final int ITEM_VIEW_TYPE_ITEM = 1;
     
      private final View header;
      private final List<String> labels;
     
      public HeaderNumberedAdapter(View header, int count) {
        if (header == null) {
          throw new IllegalArgumentException("header may not be null");
        }
        this.header = header;
        this.labels = new ArrayList<String>(count);
        for (int i = 0; i < count; ++i) {
          labels.add(String.valueOf(i));
        }
      }
     
      public boolean isHeader(int position) {
        return position == 0;
      }
     
      @Override
      public TextViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        if (viewType == ITEM_VIEW_TYPE_HEADER) {
          return new TextViewHolder(header);
        }
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item, parent, false);
        return new TextViewHolder(view);
      }
     
      @Override
      public void onBindViewHolder(final TextViewHolder holder, final int position) {
        if (isHeader(position)) {
          return;
        }
        final String label = labels.get(position - 1);  // Subtract 1 for header
        holder.textView.setText(label);
        holder.textView.setOnClickListener(new View.OnClickListener() {
          @Override
          public void onClick(View v) {
            Toast.makeText(
                holder.textView.getContext(), label, Toast.LENGTH_SHORT).show();
          }
        });
      }
     
      @Override
      public int getItemViewType(int position) {
        return isHeader(position) ? ITEM_VIEW_TYPE_HEADER : ITEM_VIEW_TYPE_ITEM;
      }
     
      @Override
      public int getItemCount() {
        return labels.size() + 1;
      }
    }
其中TextViewHolder的代码为：
import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.widget.TextView;
 
public class TextViewHolder extends RecyclerView.ViewHolder {
  public TextView textView;
  public TextViewHolder(View itemView) {
    super(itemView);
    textView = (TextView) itemView.findViewById(R.id.text);
  }
}
在RecyclerView新建一个view的时候，如果处于header的位置，我们用view holder来封装这个header。
onBindViewHolder中不必对header做任何事情，因为它的逻辑是在activity中处理的。
我们需要用一个header来初始化Adapter,同时重写setSpanSizeLookup，让header横跨所有列。
    final GridLayoutManager manager = new GridLayoutManager(this, 2);
    recyclerView.setLayoutManager(manager);
     
    View header = LayoutInflater.from(this).inflate(
        R.layout.header, recyclerView, false);
    header.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        Toast.makeText(v.getContext(), R.string.grid_layout_header, 
            Toast.LENGTH_SHORT).show();
      }
    });
    final HeaderNumberedAdapter adapter 
        = new HeaderNumberedAdapter(header, 30);
    recyclerView.setAdapter(adapter);
     
    manager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
      @Override
      public int getSpanSize(int position) {
        return adapter.isHeader(position) ? manager.getSpanCount() : 1;
      }
    });
我们inflate header，定义它的点击事件，使用它去构造adapter。然后再setSpanSizeLookup中，
我们在header所处的位置返回和span count （列数）相等的 span size。


总结:
用RecyclerView创建一个带header的grid：

   
   
定义一个具有两种view类型的adapter，一个为header一个为普通item。
nflate一个header，把它传递给adapter。
重写GridLayoutManager中的setSpanSizeLookup，在header所处的位置返回和span count （列数）相等的 span size。