RecyclerView-2

上一篇 介绍了 RecyclerView 的基本使用,这篇主要整理下在使用过程中记录的一些小细节,不是很重要的一些知识点,但是这些小细节,如果遇到的话,也是需要上网查资料的,也会有时间成本,所以还是记录下来,以防以后再遇到。

1. 分割线

上一篇中已经介绍了分割线,但是悉心的童鞋发现分割线,在 LinearLayoutManager 中使用是正常的,但是在 StaggeredGridLayoutManager 和 GridLayoutManager 中使用是有问题的,在 GridLayoutManager 中,如果是一行两个格子,应该每个格子是自己一条分割线,但是却是公用一条,此外,在使用 StaggeredGridLayoutManager 时显示不出来,针对这种情况,就需要自己实现分割线,继承 RecyclerView.ItemDecoration。

onedivider

还有,对于分割线,一般情况下,使用 ItemDecoration,最底部条目的分割线是不需要的,需要去掉,也是需要在分割线绘制时做一下判断。

下面的是 RecyclerView.ItemDecoration 的三个方法,实现时是要完成这几个方法即可,onDraw 和 onDrawOver 完成其中一个方法即可。


1. 绘制网格线绘制时机是在每个 item 之前
public void onDraw(Canvas c, RecyclerView parent, State state) {
onDraw(c, parent);
}

2. 绘制网格线绘制时机是在每个 item 之后
public void onDrawOver(Canvas c, RecyclerView parent, State state) {
onDrawOver(c, parent);
}

3. 设置网格线的位置根据 view 的位置来确定分割线画在哪同时设置网格线的矩形区域及设置宽高和位置
public void getItemOffsets(Rect outRect, View view, RecyclerView parent, State state) {
getItemOffsets(outRect, ((LayoutParams) view.getLayoutParams()).getViewLayoutPosition(),
parent);
}


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, RecyclerView.State state) {

// 绘制水平分割线和垂直分割线
drawHorizontal(c, parent);
drawVertical(c, parent);

}

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;
}

public void drawHorizontal(Canvas c, RecyclerView parent) {
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 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 < 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) {
RecyclerView.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 >= childCount)// 如果是最后一列,则不需要绘制右边
return true;
}
}
return false;
}

private boolean isLastRaw(RecyclerView parent, int pos, int spanCount,
int childCount) {
RecyclerView.LayoutManager layoutManager = parent.getLayoutManager();
if (layoutManager instanceof GridLayoutManager) {
childCount = childCount - childCount % spanCount;
if (pos >= childCount)// 如果是最后一行,则不需要绘制底部
return true;
} else if (layoutManager instanceof StaggeredGridLayoutManager) {
int orientation = ((StaggeredGridLayoutManager) layoutManager)
.getOrientation();
// StaggeredGridLayoutManager 且纵向滚动
if (orientation == StaggeredGridLayoutManager.VERTICAL) {
childCount = childCount - childCount % spanCount;
// 如果是最后一行,则不需要绘制底部
if (pos >= childCount)
return true;
} else
// StaggeredGridLayoutManager 且横向滚动
{
// 如果是最后一行,则不需要绘制底部
if ((pos + 1) % spanCount == 0) {
return true;
}
}
}
return false;
}

@Override
public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
int spanCount = getSpanCount(parent);
int childCount = parent.getAdapter().getItemCount();

int itemPosition = ((RecyclerView.LayoutParams) view.getLayoutParams()).getViewLayoutPosition();
RecyclerView.LayoutManager layoutManager = parent.getLayoutManager();

if (layoutManager instanceof GridLayoutManager){
int orientation = ((GridLayoutManager) layoutManager).getOrientation();

}
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());
}
}
}

multiple_divider

2. RecyclerView xml 属性设置

xml 布局中有些属性我们要熟悉,像高度设置,滚动条设置,底部的阴影效果等。

<!--重点部分使用RecyclerView高度设置-->
<!--如果是垂直布局使用match_parent-->
<!--如果是水平布局使用wrap_content -->
<android.support.v7.widget.RecyclerView
android:id="@+id/rv_meizhi"
android:layout_width="match_parent"
android:layout_height="match_parent"
<!--底部虚化效果的方向设置-->
android:requiresFadingEdge="vertical"
<!--底部虚化效果的高度设置-->
android:fadingEdgeLength="200dp" 
<!--底部阴影效果设置never 为去掉-->
android:overScrollMode="always"
<!--滚动条设置none 为去掉-->
android:scrollbars="vertical"
android:scrollbarThumbVertical="@drawable/my_bar"/>

还有一个点,对于滚动条是可以改变样式的,通过设置自定义的 drawable ,注意这个 自定义的 drawble 有点特别,不是普通的shape,而是 layer-list 开头的,主要是为了将滚动条到屏幕边设置一个像素的距离。如果不设置距离,直接使用普通的shape就行


<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:right="1dp">
<shape>
<solid android:color="#999999"/>
<corners android:radius="1dp"/>
<stroke android:color="#111111"    android:width="1px"/>
<size android:width="2dp"/>
</shape>
</item>
</layer-list>

然后在 xml 属性中设置一下就好了,RecyclerView 布局常用的一些设置就是这些,下面看一下效果,实际中根据自己产品设计要求来变动。

scroll_bar

3. setHasFixedSize 作用

相信一部分童鞋,遇到过这个方法吗,但是没有仔细分析它的作用,或者说是不知道什么时候应该使用这个方法,下面就来分析一下。 方法调用很简单,就是设置 true 或 false

mRecyclerView.setHasFixedSize(true);

看一下令人迷惑的官方介绍


/**
* RecyclerView can perform several optimizations if it can know in advance that RecyclerView's
* size is not affected by the adapter contents. RecyclerView can still change its size based
* on other factors (e.g. its parent's size) but this size calculation cannot depend on the
* size of its children or contents of its adapter (except the number of items in the adapter).
* <p>
* If your use of RecyclerView falls into this category, set this to {@code true}. It will allow
* RecyclerView to avoid invalidating the whole layout when its adapter contents change.
*
* @param hasFixedSize true if adapter changes cannot affect the size of the RecyclerView.
*/

大概意思:如果我们能够提前知道 RecyclerView 的大小不受 Adapter 内容的影响时,RecyclerView 能够通过设置 setHasFixedSize 来进行优化。这里指的是不受 Adapter 内容的影响,如果是 RecyclerView 父布局大小的改变不算,也就是只看 Adapter 的内容或者它的 item 大小的改变,item数量的改变不算。如果你的 RecyclerView的使用属于这种情况,那么就可以通过设置 setHasFixedSize 来进行优化, 当 adapter 的内容变化时,RecyclerView 不需要重新绘制全部布局。

看完可能不是很明白,不知道怎么使用?

举个例子:当我使用 RecyclerView 时,adapter 的item的布局大小是一定的,与数量无关,这时每一屏上的数量是一定的,即使没有铺满屏幕也不要紧,照样可以使用 setHasFixedSize。练习中假设每张图片的大小是 50 * 50的,那么就满足条件。假设 ImageView 中的使用了 wrap_content,这时所有的图片大小不一定相同,就不符合条件了,所以不能使用 setHasFixedSize。

4. GridLayoutManager 的网格合并

使用 GridLayoutManager 时可能需要进行网格的合并,如想图中想要将第一行的网格合并成一个,该怎么做,方法比较简单,设置每一行所占的格子数目。


// SpanSizeLookup
// A helper class to provide the number of spans each item occupies.
layoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
@Override
public int getSpanSize(int position) {
int type = mRecyclerView.getAdapter().getItemViewType(position);
// 实际中最好根据 item 的类型来判断
if (position == 0 || position == 1) {
// 相当于 LinearLayout
return 2;
}

return 1;
}
});

SpanSizeLookup

Demo 地址

参考

ListView/RecyclerView/ScrollView/View等的滚动条scrollbar设置

打赏一个呗

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦