Android自定义控件之ClockView时钟效果

最新推荐文章于 2024-06-22 18:13:02 发布

醉梦独斟

最新推荐文章于 2024-06-22 18:13:02 发布

阅读量3.1k

点赞数

分类专栏： android开发文章标签： android开发时钟

本文链接：https://blog.csdn.net/IThtt/article/details/77085078

版权

本文主要分析并介绍了如何使用Android自定义控件创建一个仿锤子时钟效果的ClockView。通过Calendar获取时间数据，利用Canvas的translate方法调整坐标系，绘制背景、圆环、刻度、指针等元素。借助postInvalidateDelayed实现秒钟指针实时转动的动态效果。

摘要由CSDN通过智能技术生成

最近在网上看到一个仿锤子时钟效果的源代码，在此对其代码进行阅读，修改及分析，加强自己在自定义视图方面的技术及经验，便写该文章为以后参考阅读。代码实现效果如下：

该自定义时钟由ClockView实现，其代码如下：

   
   
   
    import android.annotation.TargetApi;
    import android.content.Context;
    import android.graphics.Canvas;
    import android.graphics.Paint;
    import android.graphics.RectF;
    import android.os.Build;
    import android.support.annotation.ColorInt;
    import android.util.AttributeSet;
    import android.util.TypedValue;
    import android.view.View;
    import android.view.animation.AccelerateDecelerateInterpolator;
    
    import java.util.Calendar;
    
    /**
     * Created by Administrator on 2016/9/22.
     * 时钟控件
     */
    public class ClockView extends View {
       
        /**时钟背景颜色*/
        @ColorInt
        protected static final int CLOCK_BACKGROUND_COLOR= 0xFFF0F0F0;
        /**时钟圆环颜色*/
        @ColorInt
        protected static final int CLOCK_RING_COLOR=0xFFc9c9c9;
        /**字体颜色*/
        @ColorInt
        protected static final int TEXT_COLOR = 0xFF141414;
        /**时钟和分钟的颜色*/
        protected static final int HOUR_MINUTE_COLOR = 0xFF5B5B5B;
        /**秒钟的颜色*/
        @ColorInt
        private static final int SECOND_COLOR = 0xFFB55050;
        @ColorInt
        private static final int CLOCK_SCALE_COLOR=0xffc9c9c9;
        /**时钟最小尺寸*/
        private static final int CLOCK_MIN_SIZE=200;
        /**时钟及分钟的宽度*/
        private static final int HOUR_MINUTE_WIDTH = 16;
        /**秒钟的宽度*/
        private static final int SECOND_WIDTH = 8;
        /**时钟刻度的宽度*/
        private static final int SCALE_WIDTH=4;
        //每秒 秒针移动6°
        private static final int DEGREE = 6;
        /**时钟文本*/
        private static final String[] CLOCK_TEXT={
       "12","1","2","3","4","5","6","7","8","9","10","11"};
    
        /**时*/
        private float hour=5;
        /**分*/
        private float minute=30;
        /**秒*/
        private float second=5;
        /**绘制时钟的Paint*/
        private Paint hourPaint;
        /**绘制分钟的Paint*/
        private Paint minutePaint;
        /**绘制秒钟的Paint*/
        private Paint secondPaint;
        /**圆环的宽度*/
        private int clockRingWidth=10;
        /**时钟大小*/
        private int clockSize;
        /**绘制时钟的Paint*/
        private Paint clockPaint;
        /**绘制时钟圆环的Paint*/
        private Paint clockRingPaint;
        /**时钟中心外部圆*/
        private Paint clockCenterOuterCirclePaint;
        /**时钟中心内部圆*/
        private Paint clockCenterInnerCirclePaint;
        /**绘制时钟刻度的Paint*/
        private Paint clockScalePaint;
        /**绘制时钟文本的Paint*/
        private Paint clockTextPaint