RecyclerView(基础篇一)

来源：互联网发布：网络币骗局编辑：程序博客网时间：2024/06/08 09:34

RecyclerView是什么？

RecyclerView 是v7包中的新组件，是一个强大的滑动组件，与ListView相比，有Item回收复用的功能。

RecyClerView 有什么优点？

RecyclerView 已经推出了一年多了,是Android L版本中新添加的一个用来取代ListView,官方的介绍RecyclerView是ListView的升级版，RecyView相对于ListView的优点有：

RecyclerView 封装了ViewHolder的回收复用，也就是标准化了ViewHolder，编写Adapter面向ViewHolder,而不是在面向View。
搞度解耦，针对一个Item的显示RecyclerView 专门抽取出了相对应的类来控制Item显示，扩展性非常强。
可以控制Item增删的动画，可以通过ItemAnimator类进行控制，针对动画，RecyclerView有其自己默认的实现。

RecyclerView 有三种布局管理器：

GridLayoutManager  网格布局管理器LinearLayoutManager 线性布局管理器StaggeredGridLayoutManager 瀑布流布局管理器

RecyclerView的基本用法

 &lt;android.support.v7.widget.RecyclerView android:id="@+id/recycler" android:layout_width="match_parent" android:layout_height="match_parent"&gt; &lt;/android.support.v7.widget.RecyclerView&gt;

在布局文件中设置width和height 就可以了。

RecyclerView 依赖v7包，所以你要在gradle 里面添加依赖

compile com.android.support:appcompat-v7:23.4.0

在java中就像listView那样初始化

 recyclerView=(RecyclerView)view.findViewById(R.id.recycler); recyclerView.setLayoutManager(new GridLayoutManager(getActivity(),3)); //设置布局管理器 recyclerView.setAdapter(new RecyclerViewAdapter());设置适配器 recyclerView=(RecyclerView)view.findViewById(R.id.recycler); recyclerView.setLayoutManager(new GridLayoutManager(getActivity(),3)); //设置布局管理器 recyclerView.setAdapter(new RecyclerViewAdapter());设置适配器

到这一步，基本上就可以实现最简单的RecyclerView的使用了。下面是适配器代码：

public class  RecyclerViewAdapter extends RecyclerView.Adapter&lt;RecyclerViewAdapter.MyViewHolder&gt;{    @Override    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType)    {        return new MyViewHolder(LayoutInflater.from(getActivity()).inflate(R.layout.item_recyclerview,parent,false));    }    @Override    public void onBindViewHolder(MyViewHolder holder, int position)    {            holder.imageView.setText(""+position);    }    @Override    public int getItemCount()    {        return 32;    }    public class MyViewHolder extends RecyclerView.ViewHolder    {   TextView imageView;        public MyViewHolder(View itemView)        {            super(itemView);            imageView= (TextView) itemView.findViewById(R.id.id_num);        }    }}

做这个demo时是因为分割线怎么也画不出来竖线，所以适配器里面都是写死的，数据可以和ListView一样加载的。这里就凑合看吧,运行效果如图1-1
RecyclerViewGridImg

图1-1 RecyclerView实现GridView效果。

RecyclerView 实现分割线

RecyclerView并没有支持divider属性，我们可以自由定制它

我们可以借助ItemDecoration类定制分割线。

通过recyclerView.addItemDecoration方法添加分割线。该方法的参数就是一个ItemDecoration类，该类是一个抽象类，

ItemDecoration类源码如下：

public static abstract class ItemDecoration {public void onDraw(Canvas c, RecyclerView parent, State state) {            onDraw(c, parent); }public void onDrawOver(Canvas c, RecyclerView parent, State state) {            onDrawOver(c, parent); }public void getItemOffsets(Rect outRect, View view, RecyclerView parent, State state) {            getItemOffsets(outRect, ((LayoutParams) view.getLayoutParams()).getViewLayoutPosition(),                    parent);}@Deprecatedpublic void getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent) {            outRect.set(0, 0, 0, 0); }

该类有三个方法：

onDraw(Canvas c, RecyclerView parent, State state)

onDrawOver(Canvas c, RecyclerView parent, State state)
getItemOffsets(Rect outRect, View view, RecyclerView parent, State state)

这里我们不详细讲解这三个类，放在后面单独讲。

onDraw

在 onDraw 为 divider 设置绘制范围，并绘制到 canvas 上，而这个绘制范围可以超出在 getItemOffsets 中设置的范围，但由于 decoration 是绘制在 child view 的底下，所以并不可见，但是会存在 overdraw

onDrawOver

onDrawOver 是绘制在最上层的，所以它的绘制位置并不受限制。

getItemOffsets

etItemOffsets 中为 outRect 设置的4个方向的值，将被计算进所有 decoration 的尺寸中，而这个尺寸，被计入了 RecyclerView 每个 item view 的 padding 中

接下来我们看一个RecyclerView.ItemDecoration的实现类，该类很好的实现了RecyclerView添加分割线

<pre class="prettyprint linenums">public class DividerGridItemDecoration extends RecyclerView.ItemDecoration{    private static final int[] ATTRS = new int[] { android.R.attr.listDivider };    private Drawable mDivider;    public DividerGridItemDecoration(Context context)    {        final TypedArray a = context.obtainStyledAttributes(ATTRS);        mDivider = a.getDrawable(0);        a.recycle();    }    @Override    public void onDraw(Canvas c, RecyclerView parent, State state)    {        drawHorizontal(c, parent);        drawVertical(c, parent);    }    private int getSpanCount(RecyclerView parent)    {        int spanCount = -1;        LayoutManager layoutManager = parent.getLayoutManager();        if (layoutManager instanceof GridLayoutManager)        {            spanCount = ((GridLayoutManager) layoutManager).getSpanCount();        } else if (layoutManager instanceof StaggeredGridLayoutManager)        {            spanCount = ((StaggeredGridLayoutManager) layoutManager)                    .getSpanCount();        }        return spanCount;    }    public void drawHorizontal(Canvas c, RecyclerView parent)    {        int childCount = parent.getChildCount();        for (int i = 0; i &lt; childCount; i++)        {            final View child = parent.getChildAt(i);            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child                    .getLayoutParams();            final int left = child.getLeft() - params.leftMargin;            final int right = child.getRight() + params.rightMargin                    + mDivider.getIntrinsicWidth();            final int top = child.getBottom() + params.bottomMargin;            final int bottom = top + mDivider.getIntrinsicHeight();            mDivider.setBounds(left, top, right, bottom);            mDivider.draw(c);        }    }    public void drawVertical(Canvas c, RecyclerView parent)    {        final int childCount = parent.getChildCount();        for (int i = 0; i &lt; childCount; i++)        {            final View child = parent.getChildAt(i);            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child                    .getLayoutParams();            final int top = child.getTop() - params.topMargin;            final int bottom = child.getBottom() + params.bottomMargin;            final int left = child.getRight() + params.rightMargin;            final int right = left + mDivider.getIntrinsicWidth();            mDivider.setBounds(left, top, right, bottom);            mDivider.draw(c);        }    }    private boolean isLastColum(RecyclerView parent, int pos, int spanCount,                                int childCount)    {        LayoutManager layoutManager = parent.getLayoutManager();        if (layoutManager instanceof GridLayoutManager)        {            if ((pos + 1) % spanCount == 0)            {                return true;            }        } else if (layoutManager instanceof StaggeredGridLayoutManager)        {            int orientation = ((StaggeredGridLayoutManager) layoutManager)                    .getOrientation();            if (orientation == StaggeredGridLayoutManager.VERTICAL)            {                if ((pos + 1) % spanCount == 0)                {                    return true;                }            } else            {                childCount = childCount - childCount % spanCount;                if (pos &gt;= childCount)                    return true;            }        }        return false;    }    private boolean isLastRaw(RecyclerView parent, int pos, int spanCount,                              int childCount)    {        LayoutManager layoutManager = parent.getLayoutManager();        if (layoutManager instanceof GridLayoutManager)        {            childCount = childCount - childCount % spanCount;            if (pos &gt;= childCount)                return true;        } else if (layoutManager instanceof StaggeredGridLayoutManager)        {            int orientation = ((StaggeredGridLayoutManager) layoutManager)                    .getOrientation();            if (orientation == StaggeredGridLayoutManager.VERTICAL)            {                childCount = childCount - childCount % spanCount;                if (pos &gt;= childCount)                    return true;            } else            {                if ((pos + 1) % spanCount == 0)                {                    return true;                }            }        }        return false;    }    @Override    public void getItemOffsets(Rect outRect, int itemPosition,                               RecyclerView parent)    {        int spanCount = getSpanCount(parent);        int childCount = parent.getAdapter().getItemCount();        if (isLastRaw(parent, itemPosition, spanCount, childCount))        {            outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);        } else if (isLastColum(parent, itemPosition, spanCount, childCount))        {            outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());        } else        {            outRect.set(0, 0, mDivider.getIntrinsicWidth(),                    mDivider.getIntrinsicHeight());        }    }}</pre>

在写好实现类后，

在java中添加下面这句：

recyclerView.addItemDecoration(new DividerItemDecoration(this));

这样就可以实现分割线了，只不过使用的是系统默认的颜色。

我们可以在theme.xml中找到该属性，使用系统的listDivider方便我们随意的改变。

该属性我们可以style中修改：

style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"&gt;    &lt;!-- Customize your theme here. --&gt;    &lt;item name="android:listDivider"&gt;@drawable/divider&lt;/item&gt;&lt;/style&gt;</pre>在drawable 中定义一个divider 分割线shape xmlns:android="http://schemas.android.com/apk/res/android"       android:shape="rectangle" &gt;    &lt;gradient        android:centerColor="#ff00ff00"        android:endColor="#ff00ff00"        android:startColor="#ff00ff00"        android:type="linear" /&gt;    &lt;size android:height="4dp" android:width="2dp"/&gt;&lt;/shape&gt;

注意：这里一定要设置height和width 缺少任意一个，对应的都画不出来。

好啦，今天就更新到这里，择日更新其他的功能。

参考文献： Android RecyclerView 使用完全解析体验艺术般的控件

深入理解 RecyclerView 系列之一：ItemDecoration

0 0