package com.eq.viewdemo;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.os.Handler;
import android.os.Message;
import android.text.TextPaint;
import android.util.AttributeSet;
import android.view.View;

import java.util.Calendar;

/**
?* Created by pc on 2017/3/29.
?*/
public class TimeClockView extends View {
? ? private int width;
? ? private int height;
? ? private Paint mPaintLine;
? ? private Paint mPaintCircle;
? ? private Paint mPaintHour;
? ? private Paint mPaintMinute;
? ? private Paint mPaintSec;
? ? private TextPaint mPaintText;
? ? private Calendar mCalendar;
? ? public static final int START_ONDRAW = 0X23;

? ? //每隔一秒，在handler中調(diào)用一次重新繪制方法
? ? private Handler handler = new Handler() {
? ? ? ? @Override
? ? ? ? public void handleMessage(Message msg) {

? ? ? ? ? ? switch (msg.what) {
? ? ? ? ? ? ? ? case START_ONDRAW:
? ? ? ? ? ? ? ? ? ? mCalendar = Calendar.getInstance();
? ? ? ? ? ? ? ? ? ? invalidate();//告訴UI主線程重新繪制
? ? ? ? ? ? ? ? ? ? handler.sendEmptyMessageDelayed(START_ONDRAW, 1000);
? ? ? ? ? ? ? ? ? ? break;
? ? ? ? ? ? ? ? default:
? ? ? ? ? ? ? ? ? ? break;
? ? ? ? ? ? }
? ? ? ? }
? ? };

? ? public TimeClockView(Context context) {
? ? ? ? super(context);
? ? }

? ? public TimeClockView(Context context, AttributeSet attrs) {
? ? ? ? super(context, attrs);

? ? ? ? mCalendar = Calendar.getInstance();

? ? ? ? mPaintLine = new Paint();
? ? ? ? mPaintLine.setColor(Color.GREEN);
? ? ? ? mPaintLine.setStrokeWidth(2);
? ? ? ? mPaintLine.setAntiAlias(true);//設(shè)置是否抗鋸齒
? ? ? ? mPaintLine.setStyle(Paint.Style.STROKE);//設(shè)置繪制風(fēng)格

? ? ? ? mPaintCircle = new Paint();
? ? ? ? mPaintCircle.setColor(Color.RED);//設(shè)置顏色
? ? ? ? mPaintCircle.setStrokeWidth(2);//設(shè)置線寬
? ? ? ? mPaintCircle.setAntiAlias(true);//設(shè)置是否抗鋸齒
? ? ? ? mPaintCircle.setStyle(Paint.Style.FILL);//設(shè)置繪制風(fēng)格

? ? ? ? mPaintText = new TextPaint();
? ? ? ? mPaintText.setColor(Color.BLUE);
? ? ? ? mPaintText.setStrokeWidth(5);
? ? ? ? mPaintText.setTextAlign(Paint.Align.CENTER);
? ? ? ? mPaintText.setTextSize(30);

? ? ? ? mPaintHour = new Paint();
? ? ? ? mPaintHour.setStrokeWidth(6);
? ? ? ? mPaintHour.setColor(Color.BLUE);
? ? ? ? mPaintHour.setAntiAlias(true);

? ? ? ? mPaintMinute = new Paint();
? ? ? ? mPaintMinute.setStrokeWidth(4);
? ? ? ? mPaintMinute.setColor(Color.BLUE);
? ? ? ? mPaintMinute.setAntiAlias(true);

? ? ? ? mPaintSec = new Paint();
? ? ? ? mPaintSec.setStrokeWidth(2);
? ? ? ? mPaintSec.setColor(Color.BLUE);
? ? ? ? mPaintSec.setAntiAlias(true);

? ? ? ? handler.sendEmptyMessage(START_ONDRAW);//向handler發(fā)送一個消息，讓它開啟重繪
? ? }

? ? @Override
? ? protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
? ? ? ? super.onMeasure(widthMeasureSpec, heightMeasureSpec);
? ? ? ? width = getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec);
? ? ? ? height = getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec);
? ? ? ? setMeasuredDimension(width, height);
? ? }

? ? @Override
? ? protected void onDraw(Canvas canvas) {
? ? ? ? super.onDraw(canvas);

? ? ? ? int circleRadius ; //模擬時鐘的圓半徑大小
? ? ? ? if (width > height) {
? ? ? ? ? ? circleRadius = height / 2 -10;
? ? ? ? } else {
? ? ? ? ? ? circleRadius = width / 2 -10;
? ? ? ? }
? ? ? ? //畫出圓中心
? ? ? ? canvas.drawCircle(width / 2, height / 2, 5, mPaintCircle);
? ? ? ? //依次旋轉(zhuǎn)畫布，畫出每個刻度和對應(yīng)數(shù)字
? ? ? ? for (int i = 1; i <= 60; i++) {
? ? ? ? ? ? canvas.save();//保存當(dāng)前畫布
? ? ? ? ? ? if (i % 5 == 0) {
? ? ? ? ? ? ? ? //將畫布進(jìn)行以圓心以固定的角度旋轉(zhuǎn)進(jìn)行旋轉(zhuǎn)
? ? ? ? ? ? ? ? canvas.rotate(360 / 60 * i, width / 2, height / 2);
? ? ? ? ? ? ? ? //設(shè)置字體大小，這里是以圓半徑的十分之一大小
? ? ? ? ? ? ? ? mPaintText.setTextSize(circleRadius / 10);
? ? ? ? ? ? ? ? //如果繪制對應(yīng)的數(shù)字時只進(jìn)行一次旋轉(zhuǎn)是不能達(dá)到目標(biāo)的，需要再次以書寫文字的地方在進(jìn)行反向旋轉(zhuǎn)這樣寫出來的就是正向的
? ? ? ? ? ? ? ? canvas.rotate(-360 / 60 * i, width / 2, height / 2 - circleRadius+5);
? ? ? ? ? ? ? ? canvas.drawText("" + i / 5, width / 2, height / 2 - circleRadius+circleRadius / 20 , mPaintText);
? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? canvas.rotate(360 / 60 * i, width / 2, height / 2);
? ? ? ? ? ? ? ? //左起：起始位置x坐標(biāo)，起始位置y坐標(biāo)，終止位置x坐標(biāo)，終止位置y坐標(biāo)，畫筆(一個Paint對象)
? ? ? ? ? ? ? ? canvas.drawCircle(width/2,height/2-circleRadius,2,mPaintCircle);
? ? ? ? ? ? }
? ? ? ? ? ? canvas.restore();
? ? ? ? }

? ? ? ? int minute = mCalendar.get(Calendar.MINUTE);//得到當(dāng)前分鐘數(shù)
? ? ? ? int hour = mCalendar.get(Calendar.HOUR);//得到當(dāng)前小時數(shù)
? ? ? ? int sec = mCalendar.get(Calendar.SECOND);//得到當(dāng)前秒數(shù)
? ? ? ? String time;
? ? ? ? if (sec < 10 && hour < 10 && minute < 10) { //都小于10
? ? ? ? ? ? time = "0" + hour + ":0" + minute + ":0" + sec; //02:02:02
? ? ? ? } else if (sec < 10 && hour < 10 && minute > 9) {//分鐘大于9
? ? ? ? ? ? time = "0" + hour + ":" + minute + ":0" + sec; //02:12:02
? ? ? ? } else if (sec > 9 && hour < 10 && minute < 10) {//秒大于9
? ? ? ? ? ? time = "0" + hour + ":0" + minute + ":" + sec; //02:02:12
? ? ? ? } else if (sec < 10 && hour > 9 && minute < 10) {//時大于9
? ? ? ? ? ? time = hour + ":0" + minute + ":0" + sec; //12:02:02
? ? ? ? } else if (sec < 10 && hour > 9 && minute > 9) {//時分于9
? ? ? ? ? ? time = hour + ":" + minute + ":0" + sec; //12:12:02
? ? ? ? } else if (sec > 9 && hour > 9 && minute < 10) {//時秒大于9
? ? ? ? ? ? time = hour + ":0" + minute + ":" + sec; //12:02:12
? ? ? ? } else if (sec > 9 && hour < 10 && minute > 9) {//分秒大于9
? ? ? ? ? ? time = "0" + hour + ":" + minute + ":" + sec; //02:12:12
? ? ? ? } else {
? ? ? ? ? ? time = hour + ":" + minute + ":" + sec; //12:12:12
? ? ? ? }
? ? ? ? //繪制中心下方的時間顯示
? ? ? ? mPaintText.setTextSize(circleRadius / 10 * 2);
? ? ? ? canvas.save();
? ? ? ? canvas.drawText(time, width / 2, height / 2 + circleRadius / 10 * 4, mPaintText);

? ? ? ? //繪制時分秒相應(yīng)的指針
? ? ? ? float minuteDegree = minute / 60f * 360;//得到分針旋轉(zhuǎn)的角度
? ? ? ? canvas.save();
? ? ? ? canvas.rotate(minuteDegree, width / 2, height / 2);
? ? ? ? canvas.drawLine(width / 2, height / 2 - circleRadius + circleRadius / 3, width / 2, height / 2 + circleRadius / 6, mPaintMinute);
? ? ? ? canvas.restore();

? ? ? ? float hourDegree = (hour * 60 + minute) / 12f / 60 * 360;//得到時鐘旋轉(zhuǎn)的角度
? ? ? ? canvas.save();
? ? ? ? canvas.rotate(hourDegree, width / 2, height / 2);
? ? ? ? canvas.drawLine(width / 2, height / 2 - circleRadius + circleRadius / 2, width / 2, height / 2 + circleRadius / 9, mPaintHour);
? ? ? ? canvas.restore();

? ? ? ? float secDegree = sec / 60f * 360;//得到秒針旋轉(zhuǎn)的角度
? ? ? ? canvas.save();
? ? ? ? canvas.rotate(secDegree, width / 2, height / 2);
? ? ? ? canvas.drawLine(width / 2, height / 2 - circleRadius + 2, width / 2, height / 2 + circleRadius / 4, mPaintSec);
? ? ? ? canvas.restore();

? ? }
}

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
? ? xmlns:tools="http://schemas.android.com/tools"
? ? android:layout_width="match_parent"
? ? android:layout_height="match_parent"
? ? tools:context="com.eq.viewdemo.MainActivity">


? ?<com.eq.viewdemo.TimeClockView
? ? ? ?android:layout_width="match_parent"
? ? ? ?android:layout_height="match_parent"
? ? ? ?android:background="#f99"/>

</RelativeLayout>