前几天和公司的android大神聊天,提到他之前写了一个自定义的大括弧控件,面试的时候,难倒了很多人。当时闲着没事,也试了试,发现的确有点难度,也没做出来。刚好这两天做了一些自定义View,所以就又尝试着,写了写。发现其实也不算特别难。最后出来的效果,就是下面这4条大括弧:
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
Bitmap bitmap = Bitmap.createBitmap(mWidth,mHeight, Bitmap.Config.ARGB_8888);
canvas.drawBitmap(bitmap, 0, 0, null);
Canvas c = new Canvas(bitmap);
//设定弧线的高度和宽度都是30
switch (type) {
case TOP_LEFT:
RectF rectF2 = new RectF(0,0,30,30);
c.drawArc(rectF2,270,angle,false,paint);
c.drawLine(30, 10, 30, 220, paint);
break;
case TOP_RIGHT:
RectF rectF1 = new RectF(0,0,30,30);
c.drawArc(rectF1,180,angle,false,paint);
c.drawLine(0, 10, 0, 220, paint);
break;
case BOTTOM_LEFT:
RectF rectF3 = new RectF(0,200,30,230);
c.drawArc(rectF3,0,angle,false,paint);
c.drawLine(30, 0, 30, 220, paint);
break;
case BOTTOM_RIGHT:
RectF rectF4 = new RectF(0,200,30,230);
c.drawArc(rectF4,90,angle,false,paint);
c.drawLine(0, 0, 0, 220, paint);
break;
}
}
本身倒不算特别难,需要注意的就是2点:1、如何把握直线和弧线的焦点坐标 2、控制弧线绘制的角度,尤其是第2点理解起来,要更难一些。
下面这个图,是android中,绘制弧形时,起始角度所在位置:而且在绘制过程中,都是按照顺时针进行绘制。
(如果最上面开始算的话,依次下来就是,-90,90,180,270)
源码下载~