日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 运维知识 > Android >内容正文

Android

Android之给gridview的单元格加上分割线

發布時間:2023/12/4 Android 34 豆豆
生活随笔 收集整理的這篇文章主要介紹了 Android之给gridview的单元格加上分割线 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

有時候需要給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的源碼了。

總結

以上是生活随笔為你收集整理的Android之给gridview的单元格加上分割线的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。