Android应用开发—通用的GridView网格分割线

最新推荐文章于 2021-05-25 23:48:17 发布
最新推荐文章于 2021-05-25 23:48:17 发布
阅读量158 收藏
点赞数
文章标签： 移动开发
原文链接：https://yq.aliyun.com/articles/638320
版权
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/voidreturn/article/details/77622289

注：本文基于 Android RecyclerView 使用完全解析 体验艺术般的控件 中关于GridView网格分割线部分代码扩展而来。

原接口代码：

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.RecyclerView.LayoutManager;
import android.support.v7.widget.RecyclerView.State;
import android.support.v7.widget.StaggeredGridLayoutManager;
import android.view.View;

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 < 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) {
        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) {
        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 {
                // 如果是最后一行，则不需要绘制底部
                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());
        }
    }
}

扩展后的代码：

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.RecyclerView.LayoutManager;
import android.support.v7.widget.RecyclerView.State;
import android.support.v7.widget.StaggeredGridLayoutManager;
import android.view.View;

public class DividerGridItemDecoration extends RecyclerView.ItemDecoration {

    private static final int[] ATTRS = new int[]{android.R.attr.listDivider};
    private Drawable mDivider;
    private Paint mColorPaint;
    private int mDividerHeight = 1;

    public DividerGridItemDecoration(Context context) {
        final TypedArray a = context.obtainStyledAttributes(ATTRS);
        mDivider = a.getDrawable(0);
        a.recycle();
    }

    public DividerGridItemDecoration(Context context, int color, int height) {
        this(context);
        mColorPaint = new Paint();
        mColorPaint.setColor(color);
        mDividerHeight = height;
    }

    @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();
        int spanCount = getSpanCount(parent);
        int count = 0;

        if (childCount % spanCount != 0) {
            count = childCount;
        } else {
            count = childCount - spanCount;
        }

        for (int i = 0; i < count; 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();

            if (mColorPaint != null) {
                c.drawRect(left, top, right, top + mDividerHeight, mColorPaint);
            } else {
                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();

            if (mColorPaint != null) {
                c.drawRect(left, top, left + mDividerHeight, bottom, mColorPaint);
            } else {
                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 >= 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 >= 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 {
                // 如果是最后一行，则不需要绘制底部
                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());
        }
    }
}

扩展的内容：

  • 最后一行不画分割线。通常我们的需求是边框都不进行分割的绘制，而原来的代码没有做这部分的处理。（原接口只处理了最后一列的情况）
  • 支持分割线的颜色和宽度绘制的定制化。（原接口只支持系统属性分割线的绘制）。绘制方式：DividerGridItemDecoration(Context context, int color, int height) 通过传递color和height进行绘制定制化。
Vincent8080
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android使用GridView实现表格分割线效果
08-18
主要为大家详细介绍了Android使用GridView实现表格分割线效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android控件GridView实现分割线
贵公子丶笔记
04-19 1863
大家都知道Android ListView设置分割线很简单，设置如下两个属性即可： &nbsp; &nbsp; android:divider &nbsp; &nbsp; android:dividerHeight GirdView默认是没有网格线的，那么该如何设置呢？ 现介绍两种方法： 第一、设置垂直、横向间距，通过GridView和...
android gridview行分割线,Android使用GridView实现表格分割线效果
weixin_39599372的博客
05-25 321
使用gridview实现表格分割线效果，网格布局表格布局也是可以实现的。效果如下：1.主函数代码：package com.example.qd.douyinwu;import android.app.activity;import android.content.context;import android.os.bundle;import android.support.v4.app.fragm...
安卓 GridView实现表格分割线效果
shenggaofei的博客
04-26 1013
使用GridView实现表格分割线效果，网格布局表格布局也是可以实现的，效果如下： 1.主函数代码： package com.example.qd.douyinwu; import android.app.Activity; import android.content.Context; import android.os.Bundle; import android.suppo...
Android应用开发中使用GridView网格布局的代码示例
09-02
在Android应用开发中，GridView是一种常用的布局方式，它允许开发者以网格的形式展示数据，通常用于创建像图片库、菜单选项等界面。相比TableLayout，GridView更具有灵活性，因为它可以自动调整列数以适应屏幕大小，...
Android中控件GridView实现设置行列分割线的方法示例
08-31
在Android开发中，GridView是一种常用的布局控件，它允许数据以网格的形式展示，通常用于创建类似照片墙或者菜单列表的效果。然而，为了使界面更加清晰，我们常常需要为GridView添加行列分割线，使得每个单元格之间...
Android应用开发-GridView控件.pptx
最新发布
12-10
在Android应用开发中，GridView控件是一个非常重要的组成部分，它允许开发者以行列的形式展示大量数据，比如图片、图标或其他UI组件。GridView与ListView虽然都用于显示列表数据，但它们的展示方式有所不同。...
Android中带分割线的GridView-LineGridView
u011803341的专栏
10-11 4001
在Android项目开发中，有时候需要带分割线的GridView，一般情况下是做类似九宫格的功能。有时候可以直接留出边距就可以，底部背景就可以当做分割线了。但要是设计比较刁，非得要分割线跟背景颜色不同呢，那就用LineGridView吧。
Android RecyclerView网格布局（支持多种分割线）详解(2)
08-31
主要为大家详细介绍了Android RecyclerView网格布局，支持多种分割线，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android GridView 分页加载数据
chuchu521的专栏
12-14 5992
android UI 往右滑动，滑动到最后一页就自动加载数据并显示 如图： Java代码   package cn.anycall.ju;    import java.util.ArrayList;  import java.util.HashMap;  import java.util.List;  import java.util.Map;    impor
android gridview画分割线.
qq_32802957的博客
03-07 1689
2.具体实现代码： public class LineGridView extends GridView { public LineGridView(Context context) { super(context); // TODO Auto-generated constructor stub } public LineG
android gridview画分割线，如图：
weixin_33750452的博客
11-09 121
1。先上图： 2.具体实现代码： public class LineGridView extends GridView { public LineGridView(Context context) { super(context); // TODO Auto-generated constructor st...
android GridView添加分割线
weipoiu的博客
03-08 633
android GridView添加分割线
android 分割线 属性,Android中控件GridView实现设置行列分割线的方法示例
weixin_35940587的博客
05-25 208
前言虽然Aandroid目前已经有RecyclerView了、非常强大的一个View、可以直接控制成ListView以及GridView等、而且画框线也比较方便、但是呢在很多情况下我们不得不仍然使用GridView来实现布局、那么在这个时候我们又要怎么来对GridViw进行画框线呢、下面将提供两种实现方式、大家可以选择一下一、设置垂直、横向间距、通过GRIDVIEW和ITEM的背景色来实现1、设置...
RecyclerView GridLayoutManager 设置分割线 万能分割
热门推荐
u010523832的专栏
11-04 1万+
万能的分割线，如有另需请自行修改 上效果图 下面是源码 package com.qianfandu.adapter; import android.graphics.Canvas; import android.graphics.Paint; import android.graphics.Rect; import android.graphics.drawable.

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值