TemperatureView：圆弧刻度温度进度条

TemperatureView: 这是一个自定义 View ，用来显示温度的变化过程。前段时间公司要做一个实时监测机房温度的应用，现在把这个温度变化的 View 拿出来，自己对自定义 View 这方面的应用还不是很熟悉，这里也算是对自己工作的一个小总结。
二话不说，先上个效果图：



当然，正常室温变化是没有这么快的，再来张截图：


下面来说说这个过程，首先可以将它分为几个部分，分别为：
1、整个背景圆（可有可无）
2、进度弧（分为三段，颜色分别为绿黄红）
3、进度弧上的文字（正常，预警，警告）
4、刻度弧（紧靠着进度弧内侧的黑色弧）
5、刻度
6、中间的圆
7、指针
8、当前温度
那些自定义属性就不多说了，下面直接是绘制的过程（在此之前需要对绘制过程所用到的相关类有一定的了解）。

背景圆(可有可无，全凭个人喜欢)

/**
 * 背景圆
 * @param canvas
 */
private void drawOutCircle(Canvas canvas) {
  // 已经将画布移到中心，所以圆心为（0,0）
  canvas.drawCircle(0, 0, mSize /2-dp2px(1), outCirclePaint);
  canvas.save();
}

mSize:是控件的大小，mSize /2-dp2px(1):是让这个背景圆和控件有点距离。

进度弧

/**
 * 进度弧
 * @param canvas
 */
private void drawProgress(Canvas canvas) {
  // dp2px(10):留一点位置（可有可无）
  progressRadius = mSize /2 - dp2px(10);
  canvas.save();
  RectF rectF = new RectF(-progressRadius, -progressRadius, progressRadius, progressRadius);
  // 设置为圆角
  progressPaint.setStrokeCap(Paint.Cap.ROUND);
  progressPaint.setColor(Color.GREEN);
  // 从150度位置开始，经过120度
  canvas.drawArc(rectF, 150, 120, false, progressPaint);
  progressPaint.setColor(Color.RED);
  progressPaint.setStrokeCap(Paint.Cap.ROUND);
  canvas.drawArc(rectF, 330, 60, false, progressPaint);
  progressPaint.setColor(Color.YELLOW);
  progressPaint.setStrokeCap(Paint.Cap.BUTT);
  canvas.drawArc(rectF, 270, 60,