GridView设置分割线与dispatchDraw

最新推荐文章于 2023-11-16 06:30:00 发布

Mars-xq

最新推荐文章于 2023-11-16 06:30:00 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： view 自定义控件控件自定义view

本文链接：https://blog.youkuaiyun.com/sinat_31057219/article/details/80103319

自定义view 同时被 3 个专栏收录

43 篇文章

订阅专栏

view

33 篇文章

订阅专栏

控件

20 篇文章

订阅专栏

本文介绍了一种自定义GridView的方法，在GridView的dispatchDraw方法中绘制分割线，并提供了详细的实现代码及布局配置示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自定义GridView ：

在dispatchDraw中绘制分割线。

public class MyDividerGridView extends GridView {

    private Paint paint;

    public MyDividerGridView(Context context) {
        super(context);
        initPaint();
    }

    public MyDividerGridView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initPaint();
    }

    public MyDividerGridView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        initPaint();
    }

    private void initPaint() {
        paint = new Paint();
        paint.setStyle(Paint.Style.STROKE);
        paint.setColor(Color.parseColor("#e6e6e6"));
    }

    @Override
    protected void dispatchDraw(Canvas canvas) {
        super.dispatchDraw(canvas);

        //子view的总数
        int childTotalCount = getChildCount();
        //列数
        int columnCount = getNumColumns();
        //行数
        int rowCount;
        if (childTotalCount % columnCount == 0) {
            rowCount = childTotalCount / columnCount;
        } else {
            rowCount = (childTotalCount / columnCount) + 1; //当余数不为0时，要把结果加上1
        }

        for (int i = 0; i < childTotalCount; i++) {//遍历子view
            View cellView = getChildAt(i);//获取子view
            int height = cellView.getHeight();//子view的高度

            if (!(i % columnCount == 0)) {//不是第一列
                canvas.drawLine(cellView.getLeft(), cellView.getTop() + 0.15f * height,
                        cellView.getLeft(), cellView.getBottom() - 0.15f * height, paint);
            }

            if (!(i >= (rowCount - 1) * columnCount)) {//不是最后一行的第一个及其他
                canvas.drawLine(cellView.getLeft(), cellView.getBottom(),
                        cellView.getRight(), cellView.getBottom(), paint);
            }
        }
    }
}

布局中使用：

<com.dch.dai.view.MyDividerGridView
    android:id="@+id/help_gv"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:horizontalSpacing="0.0dip"
    android:listSelector="@null"
    android:background="@color/white"
    android:numColumns="3"
    android:scrollbars="none"
    android:stretchMode="columnWidth"
    android:verticalSpacing="0.0dip" />

效果：

这里写图片描述

其他：

去除默认selector：

1、gridview的布局中：

    android:listSelector="@null"

2、在item布局的根布局添加background的selector即可：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/help_gv_item_container"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?android:attr/selectableItemBackground"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/help_gv_item_iv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="28dp"
        android:src="@drawable/reglogin" />

    <TextView
        android:id="@+id/help_gv_item_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/help_gv_item_iv"
        android:layout_centerHorizontal="true"
        android:layout_weight="1"
        android:gravity="center_horizontal"
        android:paddingBottom="17dp"
        android:paddingTop="12dp"
        android:text="登录/注册"
        android:textColor="#666666"
        android:textSize="13sp" />

</RelativeLayout>