Android Canvas自定义实现时钟效果

android之canvas自定义画一个时钟，供大家参考，具体内容如下

自定义控件，在安卓是也是一种无所不能的技术了，所有自带控件，以及组合自带控件不能实现的一些效果，我们都可以通过自定义控件来实现，不过，如果能有系统控件使用的就用系统自带的控件去实现，而不必要用自定义去实现，我们都知道，自定义控件在一定的程度上，效率往往会比系统自带的控件效率低，所以我不到万不得已，不要使用自定义控件，今天用自定一控件，实现一个小小的时钟，具体的实现在代码中注释功能。

clockview.java

public class clockview extends view implements handler.callback {

 //定义一个画笔
 private paint paint;
 //定义个画小时指针的路径
 private path hour;
 //定义一个画分针的路径
 private path minute;
 //定义一个handler来实现时钟跑动效果
 private handler handler = new handler(this);

 public clockview(context context) {
  this(context, null);
 }

 public clockview(context context, attributeset attrs) {
  this(context, attrs, 0);
 }

 public clockview(context context, attributeset attrs, int defstyleattr) {
  super(context, attrs, defstyleattr);
  //创建一个画笔
  this.paint = new paint();
  //创建一个时针路径，用于绘制时针
  hour = new path();
  //首先将点定位到时针尾部，所有的坐标，大家可以根据圆心点去寻找对应的点
  hour.moveto(500, 380);
  //然后与(185,500)连接一条线
  hour.lineto(485, 500);
  //然后与(500,515)连接一条线
  hour.lineto(500, 515);
  //最后绘制成一个完整的时针线条了，效果为图中的绿色线条
  hour.lineto(515, 500);
  //创建一个分针路径
  minute = new path();
  minute.moveto(500, 350);
  minute.lineto(490, 500);
  minute.lineto(500, 510);
  //最后连接成一条分针线条
  minute.lineto(510, 500);
  //一开始就发送消息，让时钟开始运行
  handler.sendemptymessage(0);

 }

 @targetapi(build.version_codes.n)
 @override
 protected void ondraw(canvas canvas) {
  super.ondraw(canvas);
  //首先设置画布为黑色
  canvas.drawcolor(0xff000000);
  //获取屏幕的宽，和高的比例，选取最小的比例，这样就能让图片位于中间了。
  float scale = math.min(getwidth() / 1000.0f, getheight() / 1000.0f);
  //设置画布的比例
  canvas.scale(scale, scale);
  //将图片绘制在屏幕的中间
  canvas.translate((getwidth() / scale - 1000) / 2, (getheight() / scale - 1000) / 2);
  //设置画笔类型为空心的
  paint.setstyle(paint.style.stroke);
  //颜色为白色
  paint.setcolor(0xffffffff);
  //画笔的粗细
  paint.setstrokewidth(5);
  //将上面所有绘制的内容进行保存一下
  canvas.save();
  //开始绘制一个时钟外圆
  canvas.drawcircle(500, 500, 200, paint);
  //通过for循环绘制12个小时的时钟刻度
  for (int i = 0; i < 12; i++) {
   if (i % 3 == 0) {//绘制12 3 6 9点时刻
    paint.setstrokewidth(5);//设置粗度为5
    canvas.drawline(500, 300, 500, 320, paint);
   } else {
    paint.setstrokewidth(2);
    canvas.drawline(500, 300, 500, 315, paint);
   }
   canvas.rotate(30, 500, 500);//将圆围绕圆点旋转30度,每30度绘制一个刻度
  }
  paint.setstrokewidth(3);
  paint.setcolor(0xff00ff00);
  paint.setstyle(paint.style.fill);
  //定义一个calendar时钟类
  calendar calendar = calendar.getinstance();
  //将上面所有绘制的东西保存下来
  canvas.save();
  //通过获取系统的时钟，然后绘制到对应的时针
  canvas.rotate(calendar.get(calendar.hour) * 30 + calendar.get(calendar.minute), 500, 500);
  //绘制时针
  canvas.drawpath(hour, paint);
  //重绘上一次的时钟
  canvas.restore();
  //设置分针的颜色为红色
  paint.setcolor(0xffff0000);
  //根据系统获取的时间旋转到对应的角度
  canvas.rotate(calendar.get(calendar.minute) * 6 + calendar.get(calendar.second) * 0.1f, 500, 500);
  //绘制分针
  canvas.drawpath(minute, paint);
  paint.setcolor(color.white);
  paint.setstrokewidth(2);
  canvas.save();
  canvas.rotate(calendar.get(calendar.second) * 6, 500, 500);
  //绘制秒针
  canvas.drawline(500, 330, 500, 510, paint);
  canvas.restore();
  canvas.save();
 }

 /**
  * 通过handler更新时钟走向
  * @param message
  * @return
  */
 @override
 public boolean handlemessage(message message) {
  switch (message.what) {
   case 0:
    //重新掉用ondraw方法
    invalidate();
    //每隔一秒绘制一次
    handler.sendemptymessagedelayed(0, 1000);
    break;
  }
  return true;
 }
}

通过如上的代码就能简单的绘制一个时钟了，我个人的美观不太好，所以只能绘制成如下的效果，还是那句话，对于能自定义控件不到万不得已就不要用。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。