自定义view绘制时钟

自定义view绘制时钟

public class ClockView extends View {
    private static final String TAG = "ClockView";
    private final Paint mPaint2;
    private final Paint mPaint3;
    private final Paint mPaint4;
    private final Paint mPaint5;
    private int mCx;
    private int mCy;
    private int mRadius;
    private final Paint mPaint;
    private final Paint mPaint1;
    private int CIRCLESIZE=3; //环到外边框的距离
    private int DIGITSLONG=20;//长刻度距离
    private int DIGISTSHART=10;//断刻度距离
    private int mTextsize=20;//文本的大小
    private Bitmap mbitmap;
    private int mHourDegree;
    private int mMinuteDegree;
    private int mSecondDegree;
    private Paint mBackgroundPaint;

    public ClockView(Context context, AttributeSet attrs) {
        super(context, attrs);

        //圆环的笔
        mPaint = new Paint();
        mPaint.setStrokeWidth(5);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setAntiAlias(true);
        mPaint.setColor(Color.GRAY);

        //刻度的笔
        mPaint1 = new Paint();
        mPaint1.setColor(Color.GRAY);
        mPaint1.setAntiAlias(true);
        mPaint1.setStrokeWidth(3);

        //loge的笔
        mbitmap= BitmapFactory.decodeResource(getResources(),R.mipmap.heima);
        mPaint2 = new Paint();

        //指针的笔
        mPaint3 = new Paint();
        mPaint3.setColor(Color.WHITE);
        mPaint3.setStrokeWidth(5);
        mPaint3.setAntiAlias(true);
        mPaint4 = new Paint();
        mPaint4.setColor(Color.WHITE);
        mPaint4.setStrokeWidth(4);
        mPaint4.setAntiAlias(true);
        mPaint5 = new Paint();
        mPaint5.setColor(Color.WHITE);
        mPaint5.setStrokeWidth(3);
        mPaint5.setAntiAlias(true);

    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {

        //原点
        mCx = w/2;
        mCy = h/2;
        //环半径
        mRadius = w/2-CIRCLESIZE;

        initBackgroundPaint();

    }

    private void initBackgroundPaint() {
        mBackgroundPaint = new Paint();
        mBackgroundPaint.setColor(Color.LTGRAY);

        int[] colors = {Color.BLACK, Color.LTGRAY, Color.WHITE, Color.LTGRAY};
//    float[] positions = {0.0f, 0.5f, 0.75f, 1};

        Shader shader = new RadialGradient(mCx, mCy, mRadius, colors, null, Shader.TileMode.CLAMP);
        mBackgroundPaint.setShader(shader);
    }

    @Override
    protected void onDraw(Canvas canvas) {

        //    6. 画背景
        canvas.drawCircle(mCx, mCy, mRadius, mBackgroundPaint);

        //1.画环
        canvas.drawCircle(mCx,mCy,mRadius,mPaint);

        //2.画刻度
      /* int startX=mCx;
        int startY=5;
        int stopX=mCx;
        int stopY=20;
        canvas.rotate(30,mCx,mCy);
        canvas.drawLine(startX,startY,stopX,stopY,mPaint1);*/
        drawDigits(canvas);

        //3画数字
        drawText(canvas);

        //4.画loge
        drawLoge(canvas);

        //5.画指针
        drawArrows(canvas);

        //指针动起来 调用onAttachedToWindow  当view绑定到window的时候调用

    }

    private void drawArrows(Canvas canvas) {

      /* mpath=new Path();
        mpath.moveTo(mCx,mCy+DIGITSLONG);
        mpath.lineTo(mCx,mCy-DIGITSLONG);*/
        //canvas.drawPath(mpath,mPaint3);
        //进行指针动画
        canvas.rotate(mHourDegree,mCx,mCy);
        canvas.drawLine(mCx,mCy+DIGISTSHART,mCx,CIRCLESIZE*3+DIGITSLONG+mTextsize,mPaint3);
        canvas.rotate(-mHourDegree,mCx,mCy);

        canvas.rotate(mMinuteDegree,mCx,mCy);
        canvas.drawLine(mCx,mCy+DIGISTSHART,mCx,CIRCLESIZE+DIGITSLONG+mTextsize,mPaint4);
        canvas.rotate(-mMinuteDegree,mCx,mCy);

        canvas.rotate(mSecondDegree,mCx,mCy);
        canvas.drawLine(mCx,mCy+DIGISTSHART,mCx,DIGISTSHART+mTextsize,mPaint5);
        canvas.rotate(-mSecondDegree,mCx,mCy);
    }

    private void drawLoge(Canvas canvas) {

        canvas.drawBitmap(mbitmap,mCx-mTextsize/2,CIRCLESIZE+DIGITSLONG+mTextsize,mPaint2);

    }

    private void drawText(Canvas canvas) {
        for (int i=1;i<=12;i++){

            canvas.rotate(30,mCx,mCy);
            //调整位置
            canvas.rotate(-30*i,mCx,CIRCLESIZE+DIGITSLONG+mTextsize/2);

            canvas.drawText(i+"",mCx-CIRCLESIZE,CIRCLESIZE*2+DIGITSLONG+mTextsize/2,mPaint1);
            canvas.rotate(30*i,mCx,CIRCLESIZE+DIGITSLONG+mTextsize/2);
        }
    }

    private void drawDigits(Canvas canvas) {
        for (int i=0 ;i<60;i++) {

            int startX = mCx;
            int startY = CIRCLESIZE;
            int stopX = mCx;

            int stopY;
            if(i%5==0){
                stopY = DIGITSLONG;
            }else{
                stopY=DIGISTSHART;
            }

            canvas.drawLine(startX, startY, stopX, stopY, mPaint1);
            canvas.rotate(6, mCx, mCy);
        }

    }

    @Override
    //当view绑定到window的时候调用
    protected void onAttachedToWindow() {
        super.onAttachedToWindow();

        //开启指针动画
        startTick();
    }

    private void startTick() {
        //1秒执行一次
        postDelayed(runnable,1000);
    }
    private Runnable runnable=new Runnable() {
        @Override
        public void run() {
            //计算指针便宜角度
            calculateDegree();
            //重新绘制
            invalidate();
            //递归
            startTick();
        }
    };

    private void calculateDegree() {
        //获取当前时间
        Calendar instance = Calendar.getInstance();
        instance.setTimeInMillis(System.currentTimeMillis());

        int hour = instance.get(Calendar.HOUR);
        int minute = instance.get(Calendar.MINUTE);
        int second = instance.get(Calendar.SECOND);

        //计算角度
        mHourDegree = hour * 30;
        mMinuteDegree = minute * 6;
        mSecondDegree = second * 6;

    }
}