自定义View一直属于开发当中比较难得问题,对于计算,逻辑各方面都要进行考虑。在前面的博客中,我曾经将自定义view涉及到的几个函数的作用通过案例进行了介绍。在此篇博客中,将使用这些这是点完成钟表view的编写。效果图如下:
观察发现,很明显图中的两个钟表视图在Android原生控件中并没有被定义。所以通过自定义控件来实现。
涉及到的知识点:
1.因为在原生控件中并不包含相关控件,所以使用完全自定义View的方式,继承View类
2.绘制控件涉及到画圆形,直线的方法,但是表盘刻度有12个,为了方便绘制,可以旋转画布
3.上下两个钟表颜色不一样,可创建自定义属性进行改变
4.时钟视图要随着时间的变化,改变时针分针秒针的位置,需要每秒钟重新绘制一下界面
那首先在values文件夹当中创建attrs.xml文件,编写改变时钟的自定义属性。
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="ClockView">
<attr name="clockColor" format="color"/>
</declare-styleable>
</resources>
然后编写ClockView.java文件,在java代码中编写钟表视图。
package com.animee.day03.custom;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.os.Handler;
import android.os.Message;
import andro