公司有个福利，就是每天晚上加班之后可以打车，然后每个月报销一次，感觉生活的幸福感都提升了，有木有，加班之后那么累正好打车，但是我住的比较偏呀，有时候看着滴滴那个转啊转就是没有车，老烦了，你就不能给我多通知几个车吗。正好学了自定义view那么自己手撸一个，嘿嘿。
先上个图看看效果怎么样
滴滴的图
看看是不是特别像滴滴的呢，除了车通知的太多了[捂脸]，到了上大餐的时候了，先说一下思路:
- 大概分成四部分：
- 不动的字比如：正在为您叫车，为您优先叫车，这个是可以用textView直接写的
- 需要在画布上写的，比如：已通知出租车，通知多少辆，“辆”，这些虽然可以用textView写然后套framelayout,但是这样需要调的地方比较多，所以还是自定义
- 基础的灰色的圆，转的橙色的圆
- 在圆上边一直转的那个圆
开始上代码了
mCirclePaint = new Paint();
mCirclePaint.setStrokeWidth(5);
mCirclePaint.setColor(Color.parseColor("#E3E4E7"));
mCirclePaint.setAntiAlias(true);
mCirclePaint.setStyle(Paint.Style.STROKE);
mTextPaint = new Paint();
mTextPaint.setStrokeWidth(1);
mTextPaint.setColor(Color.parseColor("#8B8C8F"));
mTextPaint.setAntiAlias(true);
mTextPaint.setTextSize(20);
mTextPaint.setStyle(Paint.Style.FILL);
mTextCountPaint = new Paint();
mTextCountPaint.setStrokeWidth(1);
mTextCountPaint.setColor(Color.parseColor("#EC9B70"));
mTextCountPaint.setAntiAlias(true);
mTextCountPaint.setTextSize(40);
mTextCountPaint.setStyle(Paint.Style.FILL);
mTextUnitPaint = new Paint();
mTextUnitPaint.setStrokeWidth(1);
mTextUnitPaint.setColor(Color.parseColor("#EC9B70"));
mTextUnitPaint.setAntiAlias(true);
mTextUnitPaint.setTextSize(20);
mTextUnitPaint.setStyle(Paint.Style.FILL);
mDrawArcPaint = new Paint();
mDrawArcPaint.setStrokeWidth(5);
mDrawArcPaint.setAntiAlias(true);
mDrawArcPaint.setStyle(Paint.Style.STROKE);
pos = new float[2];
tan = new float[2];
BitmapFactory.Options options = new BitmapFactory.Options();//通过bitmapFactory获取图片资源
mBitmap = BitmapFactory.decodeResource(context.getResources(), R.mipmap.point,options);//获取资源
mMatrix = new Matrix();
这次我先设置了多个画笔，这样就不用每次绘制不同的宽度或颜色的图形就要重新设置画笔了，但是这样就有一个问题，成员变量太多了，会占用比较大的内存（这里我要吐槽一下我，我有一个A同事，还有一个B同事，A同事说你为啥方法里用局部变量不用成员变量，B同事说我这个只是在方法中调用，所以用局部变量，A同事说你这个写的不对，真是不知道怎么说这个A同事了），如果项目中还是尽量少写成员变量，而选择的用局部变量。
现在就是开始画了圆了
@Override
protected void onDraw(Canvas canvas) {
canvas.translate(mWidth/2,mHeight/2);//把画布移到屏幕的中心
rectF = new RectF(-mWidth/2+50,-mWidth/2+50,mWidth/2-50,mWidth/2-50);
Path path = new Path();
path.addCircle(0,0,(mWidth-100)/2, Path.Direction.CW);//cw是顺时针
canvas.drawPath(path,mCirclePaint);//顺时针的画一个圆
PathMeasure measure = new PathMeasure(path, false); // 创建 PathMeasure,这是测试path的
BigDecimal bigDecimal1 = BigDecimal.valueOf(sweepAngle);
BigDecimal b2 = BigDecimal.valueOf(360);
float rad = bigDecimal1.divide(b2,MathContext.DECIMAL32).floatValue();//通过bigdecimal来获取黄线在灰色圆上的位置，在放黄色的小球
measure.getPosTan(measure.getLength() * rad +10, pos, tan);// 获取当前位置的坐标以及趋势
mMatrix.reset(); // 重置Matrix
float degrees = (float) (Math.atan2(tan[1], tan[0]) * 180.0 / Math.PI); // 计算图片旋转角度
mMatrix.postRotate(degrees, mBitmap.getWidth() / 2, mBitmap.getHeight() / 2); // 旋转图片
mMatrix.postTranslate(pos[0] - mBitmap.getWidth() / 2, pos[1] - mBitmap.getHeight() / 2); // 将图片绘制中心调整到与当前点重合
Rect rect = new Rect();
mTextPaint.getTextBounds(notification,0,notification.length(),rect);
canvas.drawText(notification,-(rect.left+rect.right)/2,rect.bottom,mTextPaint);//写通知的字
Rect rectCount = new Rect();
mTextCountPaint.getTextBounds(String.valueOf(sweepAngle),0,String.valueOf(sweepAngle).length(),rectCount);
canvas.drawText(String.valueOf(sweepAngle),-(rect.left+rect.right)/2,rect.bottom-rect.top-rect.bottom-rectCount.top/*-rectCount.bottom*/,mTextCountPaint);//写车的数量
canvas.drawText(unit,(rect.left-rect.right)/2+100,rect.bottom-rect.top-rect.bottom-rectCount.top/*-rectCount.bottom*/,mTextUnitPaint);//写车的单位
// Log.d(TAG, "onDraw: y= "+(-rect.top-rectCount.top-rectCount.bottom));
// Log.d(TAG, "onDraw: rect.top "+rect.top);
// Log.d(TAG, "onDraw: rectCount.top "+rectCount.top);
// Log.d(TAG, "onDraw: rectCount.bottom "+rectCount.bottom);
mMatrix.postRotate(-90);
canvas.drawBitmap(mBitmap, mMatrix, mDrawArcPaint);
canvas.drawArc(rectF,-90,sweepAngle,false, mDrawArcPaint);
}
思路也写到注释里边了，哈哈，注意看代码就可以了，然后这时候还不能动哩，要设置动怎么办呢，就是刷新，上次用了pos，这次用Timer+handler。
final Timer timer = new Timer();
TimerTask timeTask = new TimerTask() {
@Override
public void run() {
if (i>=360) {
i = 0;
}
Message message = new Message();
message.what = 1;
handler.sendMessage(message);
}
};
timer.schedule(timeTask,1000,100);//每100毫秒时候刷新一下，第三个参数
}
Handler handler = new Handler(){
@Override
public void handleMessage(Message msg) {
if (msg.what == 1) {
diDiView.setData(i+=1);
}
super.handleMessage(msg);
}
};
这就搞定了，然后你就看到通知了好多车就是没人来接[尴尬]。代码已经上传到我的git欢迎大家star和fork，也可以关注我的简书。
