Android仿小米时钟效果

public XimiClockView(Context context) {  super(context);  init(context, null); } public XimiClockView(Context context, AttributeSet attrs) {  super(context, attrs);  init(context, attrs); } public XimiClockView(Context context, AttributeSet attrs, int defStyleAttr) {  super(context, attrs, defStyleAttr);  init(context, attrs); } @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP) public XimiClockView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {  super(context, attrs, defStyleAttr, defStyleRes);  init(context, attrs); } /**  * 进行一些初始化的操作  *  * @param context  * @param attrs  */ private void init(Context context, AttributeSet attrs) {  if (attrs == null) return;  TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.MyClockView);  backGroundColor = array.getColor(R.styleable.MyClockView_clockBackColor, Color.parseColor("#2078A8"));  drakColor = array.getColor(R.styleable.MyClockView_clockDarkColor, Color.parseColor("#96C2D8"));  lightColor = array.getColor(R.styleable.MyClockView_clockLightColor, Color.parseColor("#ffffff"));  array.recycle();//注意这里别忘了调用recycle()方法,[原因](http://www.cnblogs.com/kissazi2/p/4049982.html)  //设置背景色  setBackgroundColor(backGroundColor);  //文本画笔  textPaint = new Paint();  textPaint.setColor(drakColor);  textPaint.setTextSize(25);  textRect = new Rect(); }

 @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) {  super.onSizeChanged(w, h, oldw, oldh);  //获取时钟的半径  mRadius = Math.min(w - getPaddingLeft() - getPaddingRight(), h - getPaddingTop() - getPaddingBottom()) / 2;  //为了防止时钟旋转的时候超出了界限,默认加一个padding值  defaultPadding = 0.12f * mRadius;  //圆弧的宽度  mCircleWidth = 0.012f * mRadius;  //圆环的宽度  mCircleRingWidth = 0.12f*mRadius;  paddingLeft = w / 2 - mRadius + getPaddingLeft() + defaultPadding;  paddingTop = h / 2 - mRadius + getPaddingTop() + defaultPadding;  paddingRight = w / 2 - mRadius + getPaddingRight() + defaultPadding;  paddingBottom = h / 2 - mRadius + getPaddingBottom() + defaultPadding;  mSweepGradient = new SweepGradient(w / 2,h / 2 ,new int[]{drakColor,lightColor},new float[]{0.75f,1f}); }

@Override protected void onDraw(Canvas canvas) {  mCanvas = canvas;  drawTimeText(); } /**  * 画12 /3 /6 /9时间  */ private void drawTimeText() {  String str = "12";  textPaint.getTextBounds(str, 0, str.length(), textRect);  int lengthTextWidth = textRect.width();  int textHeight = textRect.height();  int width=getWidth();  int height=getHeight();  mCanvas.save();//保存画布的状态  mCanvas.drawText(str, width / 2-lengthTextWidth/2,paddingTop+textHeight,textPaint);  str="3";  textPaint.getTextBounds(str, 0, str.length(), textRect);  int smallTextWidth = textRect.width();  mCanvas.drawText("3",width-paddingRight-lengthTextWidth/2-smallTextWidth/2,height/2+textHeight/2,textPaint);  mCanvas.drawText("6",width / 2-smallTextWidth/2,height-paddingBottom,textPaint);  mCanvas.drawText("9",paddingLeft,height/2+textHeight/2,textPaint);  mCanvas.restore();//取出画布的状态 }

 /**  * 画圆弧  */ private void drawCircleArc() {  mCanvas.save();  mCirclePaint.setStyle(Paint.Style.STROKE);//设置空心模式  mCirclePaint.setStrokeWidth(mCircleWidth);//设置圆弧宽度  mCircleRectF.set(paddingLeft + textRect.width() / 2, paddingTop + textRect.height() / 2, getWidth() - paddingRight - textRect.width() / 2, getHeight() - paddingBottom - textRect.height() / 2);  for (int x = 0; x < 4; x++) {  //圆弧分四段来画,一段话80度   mCanvas.drawArc(mCircleRectF, 5 + 90 * x, 80, false, mCirclePaint);  }  mCanvas.restore(); }

/**  * 画圆环和刻度  */ private void drawCircleRing() {  mCanvas.save();  //画圆环  mCircleRingRectF.set(paddingLeft+textRect.height()/2+1.5f*mCircleRingWidth,paddingTop+textRect.height()/2+1.5f*mCircleRingWidth,getWidth()-paddingRight-textRect.height()/2-1.5f*mCircleRingWidth,    getHeight()-paddingBottom-textRect.height()/2-1.5f*mCircleRingWidth);  mMatrix.setRotate(mDegreeS-90,getWidth()/2,getHeight()/2);  mSweepGradient.setLocalMatrix(mMatrix);  mCircleRingPaint.setStyle(Paint.Style.STROKE);  mCircleRingPaint.setStrokeWidth(mCircleRingWidth);  mCircleRingPaint.setShader(mSweepGradient);  mCanvas.drawArc(mCircleRingRectF,0,360,false,mCircleRingPaint);  //画刻度  mScaleLinePaint.setStrokeWidth(0.1f*mCircleRingWidth);//设置线的宽度  for (int i=0;i<200;i++){   //画刻度线   mCanvas.drawLine(getWidth()/2,paddingTop+textRect.height()/2+mCircleRingWidth,getWidth()/2,paddingTop+textRect.height()/2+2*mCircleRingWidth,mScaleLinePaint);   mCanvas.rotate(1.8f,getWidth()/2,getHeight()/2);//旋转角度  }  mCanvas.restore(); }

 /**  * 画秒针  * 秒针针是不规则的图形  * 就用到了Path这个类  *  */ private void drawSoundHand() {  mCanvas.save();  path.reset();  mCanvas.rotate(mDegreeS,getWidth()/2,getHeight()/2);//旋转的角度和旋转的圆心  path.moveTo(getWidth()/2,paddingTop+textRect.height()/2+0.27f*mRadius);//开始的点  path.lineTo(getWidth()/2+0.03f*mRadius,paddingTop+textRect.height()/2+0.31f*mRadius);//直线到这个位置  path.lineTo(getWidth()/2-0.03f*mRadius,paddingTop+textRect.height()/2+0.31f*mRadius);//直线到这个位置  path.close();  mCanvas.drawPath(path,mSoundHandPaint);  mCanvas.restore(); }

 /**  * 画时针  */ private void drawHourHand() {  mCanvas.save();  mCanvas.rotate(mDegreeH,getWidth()/2,getHeight()/2);  hourHandPath.reset();  hourHandPath.moveTo(getWidth()/2-0.02f*mRadius,getHeight()/2);  hourHandPath.lineTo(getWidth()/2-0.01f*mRadius,getHeight()/2-0.35f*mRadius);  //贝塞尔曲线  hourHandPath.quadTo(getWidth()/2,getHeight()/2-0.38f*mRadius,getWidth()/2+0.01f*mRadius,getHeight()/2-0.35f*mRadius);  hourHandPath.lineTo(getWidth()/2+0.02f*mRadius,getHeight()/2);  hourHandPath.close();  mCanvas.drawPath(hourHandPath,mHourHandPaint);  mCanvas.restore(); }

 /**  * 画分针  */ private void drawMinnuteHand() {  mCanvas.save();  mCanvas.rotate(mDegreeM,getWidth()/2,getHeight()/2);  mMinutePath.reset();  mMinutePath.moveTo(getWidth()/2-0.012f*mRadius,getHeight()/2);  mMinutePath.lineTo(getWidth()/2-0.006f*mRadius,getHeight()/2-0.40f*mRadius);  mMinutePath.quadTo(getWidth()/2,getHeight()/2-0.43f*mRadius,getWidth()/2+0.006f*mRadius,getHeight()/2-0.40f*mRadius);  mMinutePath.lineTo(getWidth()/2+0.012f*mRadius,getHeight()/2);  mMinutePath.close();  mCanvas.drawPath(mMinutePath,mMinutePaint);  //画圈圈盖着时针的尾部  mCanvas.drawCircle(getWidth()/2,getHeight()/2,0.03f*mRadius,mMinutePaint);  mCanvas.drawCircle(getWidth()/2,getHeight()/2,0.015f*mRadius,mCircleMinPaint);  mCanvas.restore(); }

 @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  setMeasuredDimension(getMeasure(widthMeasureSpec), getMeasure(heightMeasureSpec)); } private int getMeasure(int measureSpec) {  int result;  int mode = MeasureSpec.getMode(measureSpec);  int size = MeasureSpec.getSize(measureSpec);  if (mode == MeasureSpec.EXACTLY) {   result = size;  } else {   result = 800;   if (mode == MeasureSpec.AT_MOST) {    result = Math.min(result, size);   }  }  return result; }