北京做网络工程公司的网站,餐厅装修,做logo有哪些网站,网站解析后显示在建设中有时候需要给gridview加上分割线#xff0c;没有现成的解决方案#xff0c;这里写好一个可以直接用的自定义gridview#xff0c;就叫做LineGridView吧。先上图#xff0c;zaker客户端第三方分享的gridview样式#xff1a; 可以看到靠边的格子都是半封闭的#xff0c;要实…有时候需要给gridview加上分割线没有现成的解决方案这里写好一个可以直接用的自定义gridview就叫做LineGridView吧。先上图zaker客户端第三方分享的gridview样式 可以看到靠边的格子都是半封闭的要实现这种效果仅仅靠美工给图片恐怕不行。反编译zaker的代码虽然看不到整个代码但是从中可以摸索出zaker是重写了gridview的dispatchDraw实现的知道了思路下面我就写出了自己的实现方式。
代码不多只需重载一个方法dispatchDraw即可
public class LineGridView extends GridView{public LineGridView(Context context) {super(context);// TODO Auto-generated constructor stub}public LineGridView(Context context, AttributeSet attrs) {super(context, attrs);}public LineGridView(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);}Overrideprotected void dispatchDraw(Canvas canvas){super.dispatchDraw(canvas);View localView1 getChildAt(0);int column getWidth() / localView1.getWidth();int childCount getChildCount();Paint localPaint;localPaint new Paint();localPaint.setStyle(Paint.Style.STROKE);localPaint.setColor(getContext().getResources().getColor(R.color.grid_line));for(int i 0;i childCount;i){View cellView getChildAt(i);if((i 1) % column 0){canvas.drawLine(cellView.getLeft(), cellView.getBottom(), cellView.getRight(), cellView.getBottom(), localPaint);}else if((i 1) (childCount - (childCount % column))){canvas.drawLine(cellView.getRight(), cellView.getTop(), cellView.getRight(), cellView.getBottom(), localPaint);}else{canvas.drawLine(cellView.getRight(), cellView.getTop(), cellView.getRight(), cellView.getBottom(), localPaint);canvas.drawLine(cellView.getLeft(), cellView.getBottom(), cellView.getRight(), cellView.getBottom(), localPaint);}}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, lastView.getTop(), lastView.getRight() lastView.getWidth()* j, lastView.getBottom(), localPaint);}}}
}
在
dispatchDraw
方法中我们对每一个子view的边界按照一定的方式绘上了边框一般一个格子只需绘制其中两条边需要注意的是最边上的格子需要特殊处理。
super
.dispatchDraw(canvas);
一定要调用不然格子中的内容子view就得不到绘制的机会结果就如下面这样 仔细看代码你会发现这个实现方式是很好的但是代码并不完美因为每条线的绘制我们都是以第一个子view 的宽高为基准的如果某个格子的高度和第一个格子不一致那么可能出现错位。如果你能确保每个格子大小均匀直接拿来用否则还需要些修改。这里是重写的dispatchDraw其实我我们重写onDraw方法也可以得到相同的结果。要完全弄明白的话就得看看FrameWork中GridView的源码了。
