RecycleView的学习

1、依赖

compile 'com.android.support:recyclerview-v7:23.3.0'

2、简单实现

1、关于Adapter

继承RecyclerView.Adapter
重写onCreateViewHolder：创建viewType类型的ViewHolder
重写onBindViewHolder：将数据绑定到ViewHolder

其中ViewHolder将会被复用，去展示在数据集中的不同items。ViewHolder的数目最多为一屏内所能容纳的最大item个数+2

public class RecycleViewAdapter extends RecyclerView.Adapter {
   private ArrayList<String> datas;
   private Context context;
   private OnItemClickListener onItemClickListener;
   public RecycleViewAdapter(ArrayList<String> datas, Context context) {
       this.datas = datas;
       this.context = context;
   }

   @Override
   public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
       View root= LayoutInflater.from(context).inflate(R.layout.layout_item,parent,false);
       return new MyViewHolder(root);
   }

   @Override
   public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
       (((MyViewHolder)holder).info).setText(datas.get(position));
   }

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

   public class MyViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener{
       public TextView info;
       public MyViewHolder(View itemView) {
           super(itemView);
           info= (TextView) itemView.findViewById(R.id.itemText);
           info.setOnClickListener(this);
       }

       @Override
       public void onClick(View v) {
           onItemClickListener.onItemClick(v,getAdapterPosition());
       }
   }

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

   public void setOnItemClickListener(OnItemClickListener onItemClickListener){
       this.onItemClickListener=onItemClickListener;
   }
}

2、关于布局管理器（LayoutManager）

布局管理器有LinearLayoutManager、GridLayoutManager、StaggeredGridLayoutManager

   //设置布局管理器（LayoutManager）
   recyclerView.setLayoutManager(new LinearLayoutManager(this,LinearLayoutManager.VERTICAL,false));
   //recyclerView.setLayoutManager(new GridLayoutManager(RecycleViewTestActivity.this,3));
   //recyclerView.setLayoutManager(new StaggeredGridLayoutManager(4, StaggeredGridLayoutManager.HORIZONTAL));
   //设置Adapter
   recyclerView.setAdapter(adapter);
   //设置分割线（ItemDecoration）
   recyclerView.addItemDecoration(new RecycleViewItemDecoration());
   adapter.setOnItemClickListener(new RecycleViewAdapter.OnItemClickListener() {
       @Override
       public void onItemClick(View view, int position) {
           Snackbar.make(recyclerView,"setOnItemClickListener:"+position,Snackbar.LENGTH_SHORT).show();
       }
   });

Recycleview

3、关于ItemDecoration

ItemDecoration，用来修饰RecyclerView里的Item，可以用来制造分割线和吸顶效果。

常用的三个方法如下：

onDraw：设置绘制范围，而这个绘制范围可以超出在 getItemOffsets 中设置的范围，超出部分不可见；在drawChildren之前调用。
onDrawOver()：在drawChildren之后调用，绘制出的内容是在RecyclerView的最上层，会遮挡住ItemView
getItemOffsets()：可以通过outRect.set()为每个Item设置四周间距，这些值被计入了 RecyclerView 每个 item 的 padding 中。

1、绘制分割线

public class DividerGridItemDecoration extends RecyclerView.ItemDecoration {

    private Drawable mDivider;

    public DividerGridItemDecoration(Context context) {
        mDivider = context.getResources().getDrawable(R.drawable.divider_recycle_view);
    }

    @Override
    public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
        drawHorizontal(c, parent);
        drawVertical(c, parent);
    }

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        int spanCount = getSpanCount(parent);
        //int childCount = parent.getAdapter().getItemCount();
        int itemPosition = parent.getChildLayoutPosition(view);
        if (isFirstRow(itemPosition, spanCount)) {
            //如果是第一行，绘制top和bottom  Offset,
            if (isFirstColumn(itemPosition, spanCount)) {
                //如果是第一列，padding、padding/2
                outRect.set(mDivider.getIntrinsicWidth(), mDivider.getIntrinsicHeight(),
                        mDivider.getIntrinsicWidth() / 2, mDivider.getIntrinsicHeight());
            } else if (isLastColumn(itemPosition, spanCount)) {
                //如果是最后一列，padding/2、padding
                outRect.set(mDivider.getIntrinsicWidth() / 2, mDivider.getIntrinsicHeight(),
                        mDivider.getIntrinsicWidth(), mDivider.getIntrinsicHeight());
            } else {
                //padding/2、padding/2
                outRect.set(mDivider.getIntrinsicWidth() / 2, mDivider.getIntrinsicHeight(),
                        mDivider.getIntrinsicWidth() / 2, mDivider.getIntrinsicHeight());
            }

        } else {
            //仅仅绘制bottom  Offset
            if (isFirstColumn(itemPosition, spanCount)) {
                //如果是第一列，padding、padding/2
                outRect.set(mDivider.getIntrinsicWidth(), 0,
                        mDivider.getIntrinsicWidth() / 2, mDivider.getIntrinsicHeight());
            } else if (isLastColumn(itemPosition, spanCount)) {
                //如果是最后一列，padding/2、padding
                outRect.set(mDivider.getIntrinsicWidth() / 2, 0,
                        mDivider.getIntrinsicWidth(), mDivider.getIntrinsicHeight());
            } else {
                //padding/2、padding/2
                outRect.set(mDivider.getIntrinsicWidth() / 2, 0,
                        mDivider.getIntrinsicWidth() / 2, mDivider.getIntrinsicHeight());
            }
        }
    }


    public void drawHorizontal(Canvas c, RecyclerView parent) {
        int childCount = parent.getChildCount();
        int spanCount = getSpanCount(parent);
        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            int left = child.getLeft() - params.leftMargin;
            if (isFirstColumn(i, spanCount)) {
                left = left - mDivider.getIntrinsicWidth();
            }
            int right = child.getRight() + params.rightMargin
                    + mDivider.getIntrinsicWidth();

            if (isFirstRow(i, spanCount)) {
                int bottom = child.getTop() - params.bottomMargin;
                int top = bottom - mDivider.getIntrinsicHeight();
                mDivider.setBounds(left, top, right, bottom);
                mDivider.draw(c);
            }
            int top2 = child.getBottom() + params.bottomMargin;
            int bottom2 = top2 + mDivider.getIntrinsicHeight();
            mDivider.setBounds(left, top2, right, bottom2);
            mDivider.draw(c);

        }
    }

    public void drawVertical(Canvas c, RecyclerView parent) {
        final int childCount = parent.getChildCount();
        int spanCount = getSpanCount(parent);
        for (int i = 0; i < childCount; i++) {
            View child = parent.getChildAt(i);
            RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            int top = child.getTop() - params.topMargin;
            int bottom = child.getBottom() + params.bottomMargin;
            if (isFirstColumn(i, spanCount)) {
                int left2 = child.getRight() + params.rightMargin;
                int right2 = left2 + mDivider.getIntrinsicWidth() / 2;
                mDivider.setBounds(left2, top, right2, bottom);
                mDivider.draw(c);
                int right = child.getLeft() - params.leftMargin;
                int left = right - 20;
                mDivider.setBounds(left, top, right, bottom);
            } else if (isLastColumn(i, spanCount)) {
                final int right = child.getLeft() - params.leftMargin;
                final int left = right - mDivider.getIntrinsicWidth() / 2;
                mDivider.setBounds(left, top, right, bottom);
                mDivider.draw(c);
                final int left2 = child.getRight() + params.rightMargin;
                final int right2 = left2 + mDivider.getIntrinsicWidth();
                mDivider.setBounds(left2, top, right2, bottom);
            } else {
                final int right = child.getLeft() - params.leftMargin;
                final int left = right - mDivider.getIntrinsicWidth() / 2;
                mDivider.setBounds(left, top, right, bottom);
                mDivider.draw(c);
                final int left2 = child.getRight() + params.rightMargin;
                final int right2 = left2 + mDivider.getIntrinsicWidth() / 2;
                mDivider.setBounds(left2, top, right2, bottom);
            }
            mDivider.draw(c);
        }
    }

    private boolean isFirstRow(int itemPosition, int spanCount) {
        return (itemPosition < spanCount);
    }

    private boolean isFirstColumn(int itemPosition, int spanCount) {
        return ((itemPosition) % spanCount == 0);
    }

    private boolean isLastColumn(int itemPosition, int spanCount) {
        return ((itemPosition + 1) % spanCount == 0);
    }

    private int getSpanCount(RecyclerView parent) {
        // 列数
        int spanCount = -1;
        RecyclerView.LayoutManager layoutManager = parent.getLayoutManager();
        if (layoutManager instanceof GridLayoutManager) {

            spanCount = ((GridLayoutManager) layoutManager).getSpanCount();
        } else if (layoutManager instanceof StaggeredGridLayoutManager) {
            spanCount = ((StaggeredGridLayoutManager) layoutManager)
                    .getSpanCount();
        }
        return spanCount;
    }

}

结果如图：

顶部有分割线，底部也有；第一列左侧分割线w，右侧分割线w/2，中间列分割线都是w/2，最后一列和第一列相反

outRect.set()

注意：
1、child.getLeft()得到的只是红框的left
2、setBounds()之后不要忘记draw()

2、吸顶效果
可以使用ItemDecoration的 getItemOffsets()、onDraw() 方法为Item分类头部留出空间，在onDrawOver() 方法中绘制悬停的头部View。

1、利用parent，得到view的位置（在总的adapter中的位置）

  parent.getChildAdapterPosition(view);

2、得到展示在页面上的item的伪position，计算在adapter中真实的position

    for(int i=0;i!=parent.getChildCount();i++){
        View child=parent.getChildAt(i);
        int index=parent.getChildAdapterPosition(child);
    }

效果如下：

吸顶效果

大概代码如下

public class TopItemDecoration extends RecyclerView.ItemDecoration {
    //type 1 的items的容量大小
    private int firstItemSize=3;
    //显示 type1 第一个item的位置
    private int firstItemPosition=2;
    //type的高度
    private int mTopHeight=0;
    //背景
    private Paint mbgPaint;
    private TextPaint mTextPaint;
    //文字距离左侧的间距
    private int outPadding;
    //用于存放测量文字Rect
    private Rect mBounds;

    public TopItemDecoration(Context context) {
        mbgPaint=new Paint();
        mTextPaint=new TextPaint();
        mBounds=new Rect();

        mbgPaint.setColor(context.getResources().getColor(R.color.defaultBg));
        mTextPaint.setTextSize(12*context.getResources().getDisplayMetrics().scaledDensity);
        mTextPaint.setTextAlign(Paint.Align.LEFT);
        mTextPaint.setAntiAlias(true);
        mTopHeight= DeviceUtil.dp2px(context,28);
        outPadding=DeviceUtil.dp2px(context,16);
    }

    public void setItemSize(int size){
        this.firstItemSize=size;
    }

    private String getTitleName(int index){
        if(index>=firstItemSize+firstItemPosition){
            return "最新";
        }else if(index>=firstItemPosition){
            return "推荐";
        }
        return "";
    }

    private boolean isFirstOfGroup(int index){
        if(index==firstItemPosition || index==firstItemSize+firstItemPosition){
            return true;
        }
        return false;
    }

    //显示在最上方
    @Override
    public void onDrawOver(Canvas c, RecyclerView parent, RecyclerView.State state) {
        super.onDrawOver(c, parent, state);
        int left=parent.getPaddingLeft()+outPadding;
        int right=parent.getWidth();
        //得到第一个可见item的位置
        int index= ((LinearLayoutManager)(parent.getLayoutManager())).findFirstVisibleItemPosition();
        //出现一个奇怪的bug，有时候child为空，所以将 child = parent.getChildAt(i)。-》 parent.findViewHolderForLayoutPosition(index).itemView
        View child = parent.findViewHolderForLayoutPosition(pos).itemView;
        String tag = getTitleName(index);
        //第一个类型的Item 的 header 在 position==2（firstItemPosition）处，如果index==2，则说明此item在顶部
        //index>=2，说明之后的item都有吸顶效果
        if(index-firstItemPosition>=0){
            int top=parent.getPaddingTop();
            int bottom=parent.getPaddingTop() + mTopHeight;
            //制造"最新"（下一组第一个item）和"推荐"交接时，被顶上去的效果
            //在还没开始交接的时候，"最新"的getBottom()>bottom
            if(isFirstOfGroup(index+1)){
                bottom=Math.min(child.getBottom(),bottom);
            }
            c.drawRect(0, top, right, bottom, mbgPaint);
            mTextPaint.getTextBounds(tag, 0, tag.length(), mBounds);
            c.drawText(tag, left, bottom - mTopHeight/2+mBounds.height()/2,
                    mTextPaint);
        }



    }

    /**
     * 绘制Item分类头部
     */
    @Override
    public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
        super.onDraw(c, parent, state);
        int left=parent.getPaddingLeft()+outPadding;
        int right=parent.getWidth();
        //getChildCount：得到当前页面的child，去计算真实的position
        for(int i=0;i!=parent.getChildCount();i++){
            View child=parent.getChildAt(i);
            //计算真实的position
            int index=parent.getChildAdapterPosition(child);
            String tag = getTitleName(index);
            L.e("onDraw","i:"+i+",index:"+index);
            if(isFirstOfGroup(index)){
                int top=child.getTop()-mTopHeight;
                int bottom=child.getTop();
                c.drawRect(0,top,right,bottom,mbgPaint);
                mTextPaint.getTextBounds(tag,0,tag.length(),mBounds);
                c.drawText(getTitleName(index),left,bottom-mTopHeight/2+mBounds.height()/2,mTextPaint);
            }
        }
    }

    /**
     * 为满足添加的item，增加顶部的padding
     */
    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        super.getItemOffsets(outRect, view, parent, state);
        //利用parent，得到view的位置（在总的adapter中的位置）
        int index=parent.getChildAdapterPosition(view);
        //使满足条件的item，顶部多出 mTopHeight 的距离
        if(isFirstOfGroup(index)){
            outRect.top=mTopHeight;
        }
    }
}

参考：使用ItemDecoration为RecyclerView打造带悬停头部的分组列表、使用ItemDecoration打造列表顶部悬浮效果

4、关于拖拽和滑动（ItemTouchHelper）

ItemTouchHelper是支持RecyclerView滑动删除和拖拽的工具类

侧滑

滑动删除

SimpleCallback(int dragDirs, int swipeDirs)
dragDirs ：拖拽的方向、swipeDirs：滑动的方向（ACTION_STATE_IDLE、LEFT、RIGHT、START、END、UP、DOWN）

代码如下


   ItemTouchHelper itemTouchHelper=new ItemTouchHelper(new ItemTouchHelper.SimpleCallback(ItemTouchHelper.DOWN|ItemTouchHelper.UP|ItemTouchHelper.LEFT|ItemTouchHelper.RIGHT,
           ItemTouchHelper.RIGHT) {
       @Override
       public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {

           int fromPosition = viewHolder.getAdapterPosition();//得到拖动ViewHolder的position
           int toPosition = target.getAdapterPosition();//得到目标ViewHolder的position
           if (fromPosition < toPosition) {
               //分别把中间所有的item的位置重新交换
               for (int i = fromPosition; i < toPosition; i++) {
                   adapter.swip(i,i+1);
               }
           } else {
               for (int i = fromPosition; i > toPosition; i--) {
                   adapter.swip(i,i-1);
               }
           }
           adapter.moved(fromPosition, toPosition);
           //返回true表示执行拖动
           return true;
       }

       @Override
       public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
           int position=viewHolder.getAdapterPosition();
           adapter.remove(position);
       }

       @Override
       public void onChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float dX, float dY, int actionState, boolean isCurrentlyActive) {
           super.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState, isCurrentlyActive);
           if(actionState==ItemTouchHelper.ACTION_STATE_SWIPE){
               //在滑动时改变透明度
               float alpha=1-Math.abs(dX)/viewHolder.itemView.getWidth();
               viewHolder.itemView.setAlpha(alpha);
               viewHolder.itemView.setTranslationX(dX);
           }
       }
   });
   itemTouchHelper.attachToRecyclerView(recyclerView);

3、复用

</br>

参考：
Android实现RecyclerView侧滑删除和长按拖拽-ItemTouchHelper
ItemTouchHelper之SwipeDismiss
Android RecyclerView 使用完全解析体验艺术般的控件
 RecyclerView中利用GridLayoutManager实现item四周都带有分割线效果
 RecyclerView剖析

最后编辑于：2017.12.04 03:06:55

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 158,117评论 4赞 360
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 66,963评论 1赞 290
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 107,897评论 0赞 240
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 43,805评论 0赞 203
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 52,208评论 3赞 286
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 40,535评论 1赞 216
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 31,797评论 2赞 311
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 30,493评论 0赞 197
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 34,215评论 1赞 241
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 30,477评论 2赞 244
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 31,988评论 1赞 258
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 28,325评论 2赞 252
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 32,971评论 3赞 235
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 26,055评论 0赞 8
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 26,807评论 0赞 194
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 35,544评论 2赞 271
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 35,455评论 2赞 266

RecycleView的学习

1、依赖

2、简单实现

1、 关于Adapter

2、 关于布局管理器（LayoutManager）

3、 关于ItemDecoration

4、 关于拖拽和滑动（ItemTouchHelper）

3、复用

推荐阅读更多精彩内容

1、关于Adapter

2、关于布局管理器（LayoutManager）

3、关于ItemDecoration

4、关于拖拽和滑动（ItemTouchHelper）