万能的GridView,定制你想要的网格线

来源：互联网发布：mac os x install dvd 编辑：程序博客网时间：2024/05/16 07:26

首先，感谢我的公司，让我可以有空闲的时间去学习。

最近加了一个交流群，看到很多人在讨论下面界面的实现，最后哥们实在不行就自己用布局写出来了，我觉得完全可以用GridView来实现，就趁着空闲，自己也就尝试写了一下。

这是我是实现的效果

这是我自定义的AlmightyGridView——万能的GridView,哈哈有点夸大了，但我以后会努力更加完善它的。

public class AlmightyGridView extends GridView {    private boolean isShowBottomLine=false;   //是否显示底部线    private boolean isShowMoreLine=false;     //是否显示空白View的线    private int transverseLineColor =0;    //横线的颜色    private int verticaLineColor =0;        //竖线的颜色    private int transverseLineWidth;        //横线宽度    private int verticaLineWidth;           //竖线宽度    public AlmightyGridView(Context context) {        this(context, null);    }    public AlmightyGridView(Context context, AttributeSet attrs) {        this(context, attrs,0);    }    public AlmightyGridView(Context context, AttributeSet attrs, int defStyle) {        super(context, attrs, defStyle);        TypedArray a = context.getTheme().obtainStyledAttributes(attrs, R.styleable.AlmightyGridView, defStyle, 0);        int n = a.getIndexCount();        for (int i = 0; i < n; i++)        {            int attr = a.getIndex(i);            switch (attr)            {                case R.styleable.AlmightyGridView_isShowBottomLine:                    isShowBottomLine = a.getBoolean(attr,false);                    break;                case R.styleable.AlmightyGridView_isShowMoreLine:                    isShowMoreLine = a.getBoolean(attr,false);                    break;                case R.styleable.AlmightyGridView_transverseLineColor:                    transverseLineColor = a.getColor(attr, Color.GRAY);                    break;                case R.styleable.AlmightyGridView_verticaLineColor:                    verticaLineColor = a.getColor(attr,Color.GREEN);                    break;                case R.styleable.AlmightyGridView_transverseLineWidth:                    transverseLineWidth = a.getDimensionPixelSize(attr, (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,                            2, getResources().getDisplayMetrics()));                    break;                case R.styleable.AlmightyGridView_verticaLineWidth:                    verticaLineWidth = a.getDimensionPixelSize(attr, (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,                            2, getResources().getDisplayMetrics()));                    break;            }        }        a.recycle();        //如果布局中没有设置transverseLineColor和verticaLineColor的时候给他一个默认值        if (transverseLineColor==0){            transverseLineColor=Color.BLACK;        }        if (verticaLineColor==0){            verticaLineColor=Color.BLACK;        }        //如果布局中没有设置transverseLineWidth和verticaLineWidth的时候给他一个默认值        if (transverseLineWidth==0){            transverseLineWidth=2;        }        if (verticaLineWidth==0){            verticaLineWidth=2;        }    }    protected void dispatchDraw(Canvas canvas) {        super.dispatchDraw(canvas);        if(getChildAt(0)!=null){            View localView1 = getChildAt(0);            int column = getWidth() / localView1.getWidth();            int childCount = getChildCount();            int row=0;            if(childCount%column==0){                row=childCount/column;            }else{                row=childCount/column+1;            }            int endAllcolumn=(row-1)*column;            Paint localPaint,localPaint2;            localPaint = new Paint();           //画竖线的笔            localPaint2=new Paint();            //划横线的笔            localPaint.setStyle(Paint.Style.STROKE);            localPaint2.setStyle(Paint.Style.STROKE);            localPaint.setStrokeWidth(verticaLineWidth);            localPaint2.setStrokeWidth(transverseLineWidth);            localPaint.setColor(verticaLineColor);            localPaint2.setColor(transverseLineColor);            for(int i = 0;i < childCount;i++){                View cellView = getChildAt(i);                if((i + 1) % column != 0){                    canvas.drawLine(cellView.getRight()+1, cellView.getTop(), cellView.getRight()+1, cellView.getBottom()-transverseLineWidth/2, localPaint);                }                if (isShowBottomLine) {                    canvas.drawLine(cellView.getLeft(), cellView.getBottom()-(transverseLineWidth/2), cellView.getRight(), cellView.getBottom()-(transverseLineWidth/2), localPaint2);                }else {                    if((i+1)<=endAllcolumn){                        //canvas.drawLine(cellView.getLeft(), cellView.getBottom(), cellView.getRight(), cellView.getBottom(), localPaint);                        canvas.drawLine(cellView.getLeft(), cellView.getBottom()-(transverseLineWidth/2), cellView.getRight(), cellView.getBottom()-(transverseLineWidth/2), localPaint2);                    }                }            }            if (isShowMoreLine) {                if(childCount % column != 0){                    for(int j = 0 ;j < (column-childCount % column) ; j++){                        View lastView = getChildAt(childCount - 1);                        canvas.drawLine(lastView.getRight() + lastView.getWidth() * j+1, lastView.getTop(), lastView.getRight() + lastView.getWidth()* j+1, lastView.getBottom()-transverseLineWidth/2, localPaint);                    }                    if (isShowBottomLine) {                        for(int j = 0 ;j <= (column-childCount % column) ; j++){                            View lastView = getChildAt(childCount - 1);                            canvas.drawLine(lastView.getLeft() + lastView.getWidth() * j+1, lastView.getBottom()-(transverseLineWidth/2), lastView.getRight() + lastView.getWidth()* j+1, lastView.getBottom()-(transverseLineWidth/2), localPaint2);                        }                    }                }            }        }    }}

这是默认实现的效果，不显示底部线，不显示空白内容线

这是显示空白内容线效果

这是既现实空白线又显示底部线效果

至于颜色效果你们就自己测试吧。对了千万别忘了这个事，就是你的横线设置宽度的时候，一定记得在GridView的条目布局itemLayout布局中使用这个参数，大小等于你设置的横线的宽度就好

android:layout_marginBottom="10dp"

因为横线我是在网格内部画的，如果不设置这个参数，线条会把内容遮挡住。

看完了，觉得有用的话，别忘了帮我点个赞！！欢迎大家提出宝贵意见，我们一起成长！

0 0