首页 | 开发 | Android

Android自定义钟表特效

2020年02月13日 作者：佚名

最近该忙的都忙完了，自己自定义一直是个弱项，也一直想整个钟表玩玩，网上看了一圈，学习了不少，下面自己做做自定义


接着再绘制数字 save和restore是成对出现的，为了这一块操作不影响下面的元素，一个保存，一个取出的意思

canvas.save();
  for (int i = 0; i < 12; i++) {
   if (i == 0) {
    trans(canvas,12 + "",i * 30,mPaint);
   } else {
    trans(canvas,i + "",mPaint);
   }
  }
  canvas.restore();

//如果直接绘制数字的画，文字也跟着旋转了，数字有的就会倒着，所以执行下面这一系列操作，再去绘制数字就正常了
 public void trans(Canvas canvas,String text,int degree,Paint paint) {
  Rect rect = new Rect();
  paint.getTextBounds(text,text.length(),rect);
  //先将原来的坐标轴旋转30度
  canvas.rotate(degree);
  //将旋转完成的坐标轴平移到上方 它只是在y轴进行的平移，所以x轴为0，y轴也就是圆心的位置减去35，35是自己固定的位置，可适当自己修改；但是为负值，因为在y轴的上方，Android坐标系往下为正数
  canvas.translate(0,-(getWidth() / 3 - 35));
  //这时在将原来旋转的30都转回去，此时的坐标轴与开始的坐标轴都是直立的，只不过现在的位置处于原来坐标轴的 右上方
  canvas.rotate(-degree);
  //开始写文字 1，2，3，。。。。。12 因为文字写
  canvas.drawText(text,-rect.width() / 2,rect.height() / 2,paint);
  //写完文字后开始将坐标轴复原 先是顺时针旋转30都，
  canvas.rotate(degree);
  //再平移到圆心的位置
  canvas.translate(0,getWidth() / 3 - 35);
  //在逆时针平移30都
  canvas.rotate(-degree);
 }

最后绘制分针、秒针、时针

//秒针
  canvas.save(); //save方法作用是将画布先保存下来，为了不影响其他的元素，例如绘制两张图片，绘制完第一张接着绘制第二张，第二张可能就会受到第一张的影响，变形啊或者压缩了
  mPaint.setColor(Color.RED);
  mPaint.setStyle(Paint.Style.STROKE);//绘制边框
  mPaint.setStrokeWidth(2);//边框宽度
  canvas.rotate(secondDegree);//这三个变量在下面代码中
  canvas.drawLine(0,-100,mPaint);//竖直的，只在Y轴上，所以X轴都为0，100其实是指针的长度，因为在上方，所以为负数
  canvas.restore();

  //分针
  canvas.save();
  mPaint.setColor(Color.BLACK);
  mPaint.setStyle(Paint.Style.STROKE);//绘制边框
  mPaint.setStrokeWidth(4);//边框宽度 比指针粗点
  canvas.rotate(minuteDegree);
  canvas.drawLine(0,-80,mPaint);
  canvas.restore();

  //时针
  canvas.save();
  //mPaint.setColor(Color.GREEN);
  mPaint.setStyle(Paint.Style.STROKE);//绘制边框
  mPaint.setStrokeWidth(6);//边框宽度 比指分针粗点
  canvas.rotate(hourDegree);
  canvas.drawLine(0,-60,mPaint);
  canvas.restore();

效果

以上是来客网为你收集整理的Android自定义钟表特效全部内容，希望文章能够帮你解决Android自定义钟表特效所遇到的程序开发问题。

如果觉得来客网网站内容还不错，欢迎将来客网网站推荐给程序员好友。

相关链接