Android RecyclerView区分视图类型的Divider的实现

 更新时间:2018年04月19日 10:47:35   作者:林空鹿饮  
本篇文章主要介绍了Android RecyclerView区分视图类型的Divider的实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

我们都知道support库有一个DividerItemDecoration, 可以作为Item之间的分隔线(divider)。但它作用以后所有的item之间都会有这个分隔线,实际情况往往是:recyclerView中存在多种的视图类型(viewType), 我们只是需要在某一类型的视图后添加分隔线。

要实现这种分隔线效果并不是什么难事,既然是某一类型有这个分隔线,那在直接在这种视图的layout文件上增加如下一个bottomLine界面元素妥妥的:

<View
  android:layout_width="match_parent"
  android:layout_height="0.5dp"
  android:background="@color/colorGrayLight" />

但如果添加这样一个界面元素导致新增一层布局那感觉代价有点大。另外一种情况,如果当前这个视图由于某种原因存在padding,而期望的分隔线是穿透整个布局的,那添加bottomLine的做法也是行不通的;还有一种情况同一类型布局在一个页面有分隔线,在另一个页面没有分隔线;总之就是希望分隔线和视图内容无关。所以我们需要一种类似DividerItemDecoration的decoration,它能针对某些viewType起作用。

先要了解一下RecyclerView.ItemDecoration,它有2个重要的回调方法:onDrawOver和getItemOffsets。onDrawOver其实是一种应用多个item的方法,所以无论如何都需要一个遍历操作。需要理解的是getItemOffsets中outRect这个输出型参数,虽然是一个Rect类型,但并不表示任何范围,而只是一个item四周的间隔距离:

outRect参数各域的含义

我们思路已经很清楚了: 在getItemOffsets中判断当前view的类型(parent.getChildViewHolder(view)), 如果是我们需要的类型设置对应的bottom;在onDrawOver中我们遍历recyclerView的child,同样如果是我们需要的类型将分隔线画在对应位置上就行了;这个decoration可以针对任意一种或者几种类型设置不种的drawable,我们当前用SparseArray存储,key就是视图的viewType
private final SparseArrayCompat<Drawable> mDividers = new SparseArrayCompat<>(2);
同时我们可以设置这个item的高度,当Drawable为null时相当于一个透明的间隙,不为null时具有强制指定的高度。
同样我们还要考虑方向:layoutManager为横向和竖向的情况,无它,只是画的位置不同而已。

话不多说了,上代码:

import android.graphics.drawable.Drawable;
import android.support.annotation.Nullable;
import android.support.v7.widget.RecyclerView;

public class ViewTypeDivider extends ItemHolderDivider {

  @Override
  protected int keyFrom(RecyclerView.ViewHolder holder) {
    return holder.getItemViewType();
  }

  public ViewTypeDivider put(int viewType, Drawable drawable) {
    putDrawable(viewType, drawable);
    return this;
  }

  public ViewTypeDivider put(int viewType, @Nullable Drawable drawable, int height) {
    putHeight(viewType, drawable, height);
    return this;
  }
}
import android.graphics.Canvas;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.support.annotation.Nullable;
import android.support.v4.util.SparseArrayCompat;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.View;

abstract class ItemHolderDivider extends RecyclerView.ItemDecoration {
  private final SparseArrayCompat<Drawable> mDividers = new SparseArrayCompat<>(2);
  private final SparseArrayCompat<Integer> mHeights = new SparseArrayCompat<>(2);

  protected abstract int keyFrom(RecyclerView.ViewHolder holder);

  @Override
  public void onDrawOver(Canvas c, RecyclerView parent, RecyclerView.State state) {
    final int childCount = parent.getChildCount();
    final int width = parent.getWidth();
    final int height = parent.getHeight();
    for (int childViewIndex = 0; childViewIndex < childCount; childViewIndex++) {
      final View view = parent.getChildAt(childViewIndex);
      RecyclerView.ViewHolder holder = parent.getChildViewHolder(view);
      int key = keyFrom(holder);
      if (isVertical(parent)) {
        drawBottom(c, key, (int) view.getY() + view.getHeight(), width);
        drawTop(c, -key, (int) view.getY(), width);
      } else {
        drawRight(c, key, (int) view.getX() + view.getWidth(), height);
        drawLeft(c, -key, (int) view.getX(), height);
      }
    }
  }

  @Override
  public void getItemOffsets(Rect outRect, View view, RecyclerView parent,
                RecyclerView.State state) {
    RecyclerView.ViewHolder holder = parent.getChildViewHolder(view);
    int key = keyFrom(holder);
    if (isVertical(parent)) {
      outRect.bottom = getHeight(key);
      outRect.top = getHeight(-key);
    } else {
      outRect.right = getHeight(key);
      outRect.left = getHeight(-key);
    }
  }

  private void drawBottom(Canvas c, int key, int y, int width) {
    Drawable d = mDividers.get(key);
    if (d != null) {
      d.setBounds(0, y, width, y + getHeight(key, d));
      d.draw(c);
    }
  }

  private void drawTop(Canvas c, int key, int y, int width) {
    Drawable d = mDividers.get(key);
    if (d != null) {
      d.setBounds(0, y - getHeight(key, d), width, y);
      d.draw(c);
    }
  }

  private void drawRight(Canvas c, int key, int x, int height) {
    Drawable d = mDividers.get(key);
    if (d != null) {
      d.setBounds(x, 0, x + getHeight(key, d), height);
      d.draw(c);
    }
  }

  private void drawLeft(Canvas c, int key, int x, int height) {
    Drawable d = mDividers.get(key);
    if (d != null) {
      d.setBounds(x - getHeight(key, d), 0, x, height);
      d.draw(c);
    }
  }

  final void putDrawable(int key, Drawable drawable) {
    mDividers.put(key, drawable);
  }

  final void putHeight(int key, @Nullable Drawable drawable, int height) {
    if (drawable != null) {
      mDividers.put(key, drawable);
    }
    mHeights.put(key, height);
  }

  private int getHeight(int key) {
    Drawable d = mDividers.get(key);
    return getHeight(key, d);
  }

  private int getHeight(int key, @Nullable Drawable d) {
    int index = mHeights.indexOfKey(key);
    return index < 0 ? d == null ? 0 : d.getIntrinsicHeight() : mHeights.valueAt(index);
  }

  private boolean isVertical(RecyclerView parent) {
    RecyclerView.LayoutManager layoutManager = parent.getLayoutManager();
    return !(layoutManager instanceof LinearLayoutManager) ||
        ((LinearLayoutManager) layoutManager).getOrientation() == LinearLayoutManager.VERTICAL;
  }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android SlidingDrawer 抽屉效果的实现

    Android SlidingDrawer 抽屉效果的实现

    本篇文章小编为大家介绍,Android SlidingDrawer 抽屉效果的实现。需要的朋友参考下
    2013-04-04
  • Flutter实现Android滚动悬浮效果过程

    Flutter实现Android滚动悬浮效果过程

    这篇文章主要介绍了Flutter实现Android滚动悬浮效果,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧
    2023-01-01
  • Android使用fragment实现左侧导航

    Android使用fragment实现左侧导航

    这篇文章主要为大家详细介绍了Android使用fragment实现左侧导航,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-02-02
  • Android获取手机安装应用程序的详细信息

    Android获取手机安装应用程序的详细信息

    在开发Android应用时,有时我们需要获取设备上已安装的所有应用程序的信息,这篇文章为大家整理了一些常用的方法,希望对大家有所帮助
    2025-03-03
  • 简单实现Android计算器功能

    简单实现Android计算器功能

    这篇文章主要为大家详细介绍了自己动手实现的Android计算器功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • Android 后台运行白名单实现保活

    Android 后台运行白名单实现保活

    这篇文章主要介绍了Android 后台运行白名单实现保活,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12
  • Android对话框使用方法详解

    Android对话框使用方法详解

    这篇文章主要介绍了Android对话框使用方法,包括提示对话框、单选对话框、复选对话框、列表对话框等,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-09-09
  • android教程之textview解析带图片的html示例

    android教程之textview解析带图片的html示例

    本文介绍的示例适用于android中需要解析带图片的htlm数据,需要的朋友可以参考下
    2014-02-02
  • Android应用程序(APK)的编译打包过程

    Android应用程序(APK)的编译打包过程

    本篇文章主要介绍了Android应用程序(APK)的编译打包过程,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • Android画板开发之橡皮擦功能

    Android画板开发之橡皮擦功能

    这篇文章主要为大家详细介绍了Android画板开发之橡皮擦功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12

最新评论