充满魅力的RecyclerView

RecyclerView的使用

RecyclerView 小组件比 ListView 更高级且更具灵活性。 此小组件是一个用于显示庞大数据集的容器，可通过保持有限数量的视图进行非常有效的滚动操作。

RecyclerView 类别将通过提供下列功能简化庞大数据集的显示与处理：

  • 用于项目定位的布局管理器
  • 用于通用项目操作（例如删除或添加项目）的默认动画
RecyclerView组件

RecyclerView是一个包含了线性布局，表格布局，瀑布流布局的视图控件。

RecyclerView继承关系

首先通过继承RecyclerView.Adapter来定制Adapter。在RecyclerView.Adapter中强制要求使用ViewHolder。以避免一些过多的内存别使用。

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {
    private String[] mDataset;    
    // Provide a reference to the views for each data item    
    // Complex data items may need more than one view per item, and          
    // you provide access to all the views for a data item in a view holder    
    public static class ViewHolder extends RecyclerView.ViewHolder {        
    // each data item is just a string in this case        
    public TextView mTextView;        
    public ViewHolder(TextView v) {
            super(v);
            mTextView = v;        
          }    
    }    
    // Provide a suitable constructor (depends on the kind of dataset)        
    public MyAdapter(String[] myDataset) {
        mDataset = myDataset;    
    }    
    // Create new views (invoked by the layout manager)
    @Override
    public MyAdapter.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        // create a new view
        View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.my_text_view, parent, false);
        // set the view's size, margins, paddings and layout parameters  
        ...
        ViewHolder vh = new ViewHolder(v);
        return vh;
    }
    // Replace the contents of a view (invoked by the layout manager)    
    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {            
        // - get element from your dataset at this position
        // - replace the contents of the view with that element        
        holder.mTextView.setText(mDataset[position]);
    }
    // Return the size of your dataset (invoked by the layout manager)
    @Override
    public int getItemCount() {
        return mDataset.length;
    }
}

在Activity实例化控件，需要通过设置布局管理器来选择使用哪种布局来显示:

public class MyActivity extends Activity {
private RecyclerView mRecyclerView;
private RecyclerView.Adapter mAdapter;
private RecyclerView.LayoutManager mLayoutManager;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.my_activity);
    mRecyclerView = (RecyclerView) findViewById(R.id.my_recycler_view);
    
    // use this setting to improve performance if you know that changes
    // in content do not change the layout size of the RecyclerView          
    // 当你知道你的数据改变不会改变你的布局大小的时候设置
    mRecyclerView.setHasFixedSize(true);
    // use a linear layout manager
    mLayoutManager = new LinearLayoutManager(this);
    mRecyclerView.setLayoutManager(mLayoutManager);
    // specify an adapter (see also next example)
    mAdapter = new MyAdapter(myDataset);
    mRecyclerView.setAdapter(mAdapter);
    }
...
}

设置以上两个参数后就能实现RecyclerView了

addItem && removeItem

在RecyclerView中添加Item与移除item都很好实现。在Adapter中添加一下方法即可：

/**
  * 添加Item
  * @param position 坐标
  * @param str 要添加的数据
  */
public void addItem(int position, String str){
    list.add(position, str);
    notifyItemInserted(position); //这句让item的添加有动画效果
}

/**
  * 移除Item
  * @param position 坐标
  */
public void removeItem(int position){
    list.remove(position);
    notifyItemRemoved(position); //这句让item的移除有动画效果
}

添加headerView、footerView:

通过在Adapter中重写getItemViewType方法，在position=0的时候和position=getItemCount()-1的时候返回不同的值，在

@Override
public RecyclerViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    //在方法中判断传递过来的viewType，若是需要添加header/footer的话就将root的布局设置为header/footer布局
    return new RecyclerViewHoler(root);
}

在Adapter中每个重写的方法都要去对view和position做独特处理。因为已经加入了header/footer。数据的填充是从1-倒数的第二条的。
以下是源码转译。

/** 
  * Return the view type of the item at <code>position</code> for the purposes 
  * of view recycling. 
  * 返回第position个item的view的类型用于view的回收利用
  *
  * <p>The default implementation of this method returns 0, making the assumption of 
  * a single view type for the adapter. Unlike ListView adapters, types need not 
  * be contiguous. Consider using id resources to uniquely identify item view types. 
  * 那么默认是返回0作为标识。一个单独的view不需要像ListView中的adapter那样是连续的。
  * 考虑使用id资源来区别view的类型
  *
  * @param position position to query 
  * @return integer value identifying the type of the view needed to represent the item at 
  *                 <code>position</code>. Type codes need not be contiguous. 
  */
  public int getItemViewType(int position) {  
      return 0;
  }

以上方式会出现一个问题，就是转换成GridLayoutManger的时候只占据GridView的一个item.而不是一整行。
所以我们设置setSpanSizeLookup的监听，这个方法是用来获取每个position是占据多少个格子的。我们只需要在position == 0 和在position == getItemCount() - 1在最后的时候返回3（这个值是你设置每行有多少列决定）而下面的方法里，我使布局中第一个占一行，第二个占2个item大小，第三个占1个item大小：

设置每个item中占据的格子数
GridLayoutManager manager = new GridLayoutManager(this, 3);
 manager.setSpanSizeLookup(newGridLayoutManager.SpanSizeLookup() {    
    @Override    
    public int getSpanSize(int position) {        
       return (3 - position % 3);    
    }
});

瀑布流的实现：

使用StaggerdGridManager，
在OnBindViewHolder中动态修改holder中的控件大小

LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) holder.iV.getLayoutParams();
params.height = randomHight(); //随机高度构成了瀑布流的效果
holder.iV.setLayoutParams(params);

添加分割线

添加分割线的原理是通过在每个Item下画出分割线来。
通过继承RecyclerView.ItemDecoration来自定义分割线的样式，然后重写setItemOffset方法来设置偏移量。每个item的偏移量根据布局的横竖/高宽来设置。

/**
  * 画竖直的分割线(以RecyclerView中内容占据大小来画分割线)
  * mDrivider是获取的系统默认的android.R.attr.listDivider中的drawable
  * @param c 画布
  * @param parent 父布局
  */
public void drawVertical(Canvas c, RecyclerView parent) {
    final int left = parent.getPaddingLeft(); //左边的坐标起点
    final int right = parent.getWidth() - parent.getPaddingRight(); //右边坐标起点
    final int childCount = parent.getChildCount();
    for (int i = 0; i < childCount; i++) {
        final View child = parent.getChildAt(i);
        final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();
        final int top = child.getBottom() + params.bottomMargin; //顶部坐标起点        
        final int bottom = top + mDivider.getIntrinsicHeight(); //底部坐标起点        
        mDivider.setBounds(left, top, right, bottom);
        mDivider.draw(c);
    }
}

以上方法在onDraw()方法中调用。调用完后需要调用setItemOffset()来设置偏移量:

@Override
public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
    if (mOrientation == VERTICAL_LIST) {
        outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
    } else {
        outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
    }
}

总结：比以前的ListView、GridView等控件更原生，虽然编写更复杂了，但是也意味着可以做更多的自定制。可以根据业务做更过的变幻。很神奇。很有魅力。还有很多值得去学习的地方！
转载请注明出处：http://www.jianshu.com/p/a3388e716a93

  • assumption n. 假定；设想；担任；采取
  • contiguous adj. 连续的；邻近的；接触的
  • uniquely adv. 独特地；珍奇地
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,420评论 25赞 708
  • vlayout
    Tangram是阿里出品、用于快速实现组合布局的框架模型，在手机天猫Android&iOS版 内广泛使用 该框架提...
    wintersweett阅读 3,367评论 0赞 1
  • GitHub上受欢迎的Android UI Library
    内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新...
    皇小弟阅读 46,894评论 22赞 665
  • RecyclerView API译文
    简介： 提供一个让有限的窗口变成一个大数据集的灵活视图。 术语表： Adapter：RecyclerView的子类...
    酷泡泡阅读 5,217评论 0赞 16
  • 粉丝
    烜儿很喜欢TFboys，经常听。他说他是这些哥哥的粉丝，他也想像他们一样的拥有很多粉丝（粉丝一词应该是他爸爸跟他解...
    hagar阅读 236评论 0赞 0