Android Canvas自定义实现时钟效果
Android之Canvas自定义画一个时钟,供大家参考,具体内容如下
自定义控件,在安卓是也是一种无所不能的技术了,所有自带控件,以及组合自带控件不能实现的一些效果,我们都可以通过自定义控件来实现,不过,如果能有系统控件使用的就用系统自带的控件去实现,而不必要用自定义去实现,我们都知道,自定义控件在一定的程度上,效率往往会比系统自带的控件效率低,所以我不到万不得已,不要使用自定义控件,今天用自定一控件,实现一个小小的时钟,具体的实现在代码中注释功能。
ClockView.java
publicclassClockViewextendsViewimplementsHandler.Callback{ //定义一个画笔 privatePaintpaint; //定义个画小时指针的路径 privatePathhour; //定义一个画分针的路径 privatePathminute; //定义一个Handler来实现时钟跑动效果 privateHandlerhandler=newHandler(this); publicClockView(Contextcontext){ this(context,null); } publicClockView(Contextcontext,AttributeSetattrs){ this(context,attrs,0); } publicClockView(Contextcontext,AttributeSetattrs,intdefStyleAttr){ super(context,attrs,defStyleAttr); //创建一个画笔 this.paint=newPaint(); //创建一个时针路径,用于绘制时针 hour=newPath(); //首先将点定位到时针尾部,所有的坐标,大家可以根据圆心点去寻找对应的点 hour.moveTo(500,380); //然后与(185,500)连接一条线 hour.lineTo(485,500); //然后与(500,515)连接一条线 hour.lineTo(500,515); //最后绘制成一个完整的时针线条了,效果为图中的绿色线条 hour.lineTo(515,500); //创建一个分针路径 minute=newPath(); 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 protectedvoidonDraw(Canvascanvas){ super.onDraw(canvas); //首先设置画布为黑色 canvas.drawColor(0xff000000); //获取屏幕的宽,和高的比例,选取最小的比例,这样就能让图片位于中间了。 floatscale=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(inti=0;i<12;i++){ if(i%3==0){//绘制12369点时刻 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时钟类 Calendarcalendar=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更新时钟走向 *@parammessage *@return */ @Override publicbooleanhandleMessage(Messagemessage){ switch(message.what){ case0: //重新掉用onDraw方法 invalidate(); //每隔一秒绘制一次 handler.sendEmptyMessageDelayed(0,1000); break; } returntrue; } }
通过如上的代码就能简单的绘制一个时钟了,我个人的美观不太好,所以只能绘制成如下的效果,还是那句话,对于能自定义控件不到万不得已就不要用。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。