SurfaceView打造自定义时钟ClockView

从事Android开发也一段时间了，一直有做云笔记的习惯，但是博客不怎么写。最近给自己定了个计划，坚持每周至少写三个自定义控件，所谓熟能生巧呀。作为第一篇写的博客，给大家带来用SurfaceView打造的自定义时钟。PS:最近看见洋神的一篇推送，有人写了这个，自己看着效果图就写了哈哈，至少效果感觉还阔以O(∩_∩)O

先看下这炫酷的效果哈哈(时钟上的横线是录制的原因，效果是没有那根线的，不影响哈)：

先简单介绍一下surfaceView吧，surfaceView区别于普通的View，其拥有以下特点：

①拥有独立的绘图表面。

②surfaceView需要在宿主上挖一个洞来显示自己。

③其的UI绘制可以在独立的进程中进行，使用双缓冲机制，不会阻塞主线程的UI操作。

那么，喜欢刨根问底的朋友们又会有疑问了，到底什么是双缓冲机制？

在surfaceView里面，所谓的双缓冲机制其实就是说SurfaceView分front和back两块画布，这两块画布会相互交替来显示，每post一次交替一次，交替后显示在surfaceView上面。(这只是查阅资料之后的粗略理解)，有兴趣的朋友可以自己深入研究哈O(∩_∩)O

那么为什么要使用双缓冲机制?

那是为了解决某种情况下(例如游戏场景)UI反复的局部刷新带来的闪烁问题。

好了，基本知识点已经介绍完毕，咱们开始撸码咯\(^o^)/~

首先，要使用surfaceView，一些基本的代码使有套路的。通常一个surfaceView的基本框架如下：

public class ClockSurfaceView extends SurfaceView implements SurfaceHolder.Callback, Runnable {
    private Canvas mCanvas;
    private Paint mPaint;
    private boolean isDrawing;
    private SurfaceHolder mHolder;


    public ClockSurfaceView(Context context) {
        super(context);
        init();
    }

    public ClockSu