Android修炼系列（十三），kotlin函数参数

mBotCircleAnimaRadius += topIntervalDistance * 8;
drawTimingThread.removeMessages(MSG_RIPPLE_DRAW);
drawTimingThread.sendEmptyMessageDelayed(MSG_RIPPLE_DRAW, animaBotIntervalTime);
// 透明度
mBotCirclePaint.setAlpha(getAlphaOfRipple());
invalidate();
} else {
mBotCircleAnimaRadius = 0;
drawTimingThread.removeMessages(MSG_RIPPLE_DRAW);
}
break;

View的跳动动画是使用的AnimatorSet组合动画，上车点的圆点文字效果就是简单绘制，就不细展开了。

…
// translationY先上后下
AnimatorSet mSet1 = new AnimatorSet();
mSet1.play(mTAnimator1).before(mTAnimator2);
mSet1.start();

栗子β

这个动画效果是通过View不断绘制实现的，用到了圆弧、bitmap和文字的绘制api。其中刻度线的绘制则是通过不断旋转canvas画布来实现的。

实现的难点是外围文字在环绕过程中，坐标位置的确认，即通过圆心坐标，半径，扇形角度，如何计算出扇形终射线与圆弧交叉点的x, y坐标，所幸网上都能找到解决方案及背后的数学模型，代码见下：

private void paintOutWord(Canvas canvas, String state) {
PointF progressPoint = CommentUtil.calcArcEndPointXY
(radius + getPaddingLeft() + specialScaleLineLength + scaleToRingSpace + wordWith
, radius + getPaddingTop() + specialScaleLineLength + scaleToRingSpace + wordHeigh
, radius + specialScaleLineLength + scaleToRingSpace
, progress * (360 / 100f), -90);
int left = (int) progressPoint.x;
int top = (int) progressPoint.y;
wordPaint.getTextBounds(state, 0, state.length(), rect);
if (left < radius + getPaddingLeft() + specialScaleLineLength + scaleToRingSpace + wordWith) {
left -= rect.width();
}
if (top > radius + getPaddingTop() + specialScaleLineLength + scaleToRingSpace + wordHeigh) {
top += rect.height();
}
canvas.drawText(state, left, top, wordPaint);
}

这个方法的作用是获取扇形终射线与圆弧交叉点的x, y坐标，感兴趣的可以研究下：

/**

• @param cirX 圆centerX
• @param cirY 圆centerY
• @param radius 圆半径
• @param cirAngle 当前弧角度
• @param orginAngle 起点弧角度
• @return 扇形终射线与圆弧交叉点的xy坐标
  */
  public static PointF calcArcEndPointXY(float cirX, float cirY, float radius,
  float cirAngle, float orginAngle) {
  cirAngle = (orginAngle + cirAngle) % 360;
  return calcArcEndPointXY(cirX, cirY, radius, cirAngle);
  }

/*

• @param cirAngle 当前弧角度
  */
  public static PointF calcArcEndPointXY(float cirX, float cirY,
  float radius, float cirAngle) {
  float posX = 0.0f;
  float posY = 0.0f;
  // 将角度转换为弧度
  float arcAngle = (float) (Math.PI * cirAngle / 180.0);
  if (cirAngle < 90) {
  posX = cirX + (float) (Math.cos(arcAngle)) * radius;
  posY = cirY + (float) (Math.sin(arcAngle)) * radius;
  } else if (cirAngle == 90) {
  posX = cirX;
  posY = cirY + radius;
  } else if (cirAngle > 90 && cirAngle < 180) {
  arcAngle = (float) (Math.PI * (180 - cirAngle) / 180.0);
  posX = cirX - (float) (Math.cos(arcAngle)) * radius;
  posY = cirY + (float) (Math.sin(arcAngle)) * radius;
  } else if (cirAngle == 180) {
  posX = cirX - radius;
  posY = cirY;
  } else if (cirAngle > 180 && cirAngle < 270) {
  arcAngle = (float) (Math.PI * (cirAngle - 180) / 180.0);
  posX = cirX - (float) (Math.cos(arcAngle)) * radius;
  posY = cirY - (float) (Math.sin(arcAngle)) * radius;
  } else if (cirAngle == 270) {
  posX = cirX;
  posY = cirY - radius;
  } else {
  arcAngle = (float) (Math.PI * (360 - cirAngle) / 180.0);
  posX = cirX + (float) (Math.cos(arcAngle)) * radius;
  posY = cirY - (float) (Math.sin(arcAngle)) * radius;
  }
  return new PointF(posX, posY);
  }

颜色的渐变效果实现，就是获取每个刻度所对应的颜色段内等比例的16进制颜色值，代码如下：

/**

• 通过刻度获取当前渐变颜色值
• @param p 当前刻度
• @param specialScaleCorlors 每个范围的颜色值
• @return 当前需要的颜色值
  */
  public static int evaluateColor(int p, int[] specialScaleCorlors) {
  // 定义的颜色区间
  int startInt = 0xFFbebebe;
  int endInt = 0xFFbebebe;
  float fraction = 0.5f;

if (p != 0 && p != 100) {
startInt = specialScaleCorlors[p / 20];
endInt = specialScaleCorlors[p / 20 + 1];
fraction = (p - (p / 20) * 20) / 20f;
}
int startA = (startInt >> 24) & 0xff;
int startR = (startInt >> 16) & 0xff;
int startG = (startInt >> 8) & 0xff;
int startB = startInt & 0xff;

int endA = (endInt >> 24) & 0xff;
int endR = (endInt >> 16) & 0xff;
int endG = (endInt >> 8) & 0xff;
int endB = endInt & 0xff;

return (int) ((startA + (int) (fraction * (endA - startA))) << 24)
| (int) ((startR + (int) (fraction * (endR - startR))) << 16)
| (int) ((startG + (int) (fraction * (endG - startG))) << 8)
| (int) ((startB + (int) (fraction * (endB - startB))));
}

其余的细节和方法就不贴了，都是比较常规的Paint方法。

栗子γ

这个效果和上面的很类似，不同的是这个控件可以通过拖动来选择刻度，具体见下：

在绘制“拖动按钮”Bitmap的时候，难点是确定bitmap的坐标，即根据圆心坐标，半径，扇形角度来求扇形终射线与圆弧交叉点的x, y坐标，上面是不是已经说啦，这样我们就能算出bitmap的左上角坐标了。

拖动效果是在我们允许的区域内，当手指按下，手指滑动，手指弹起时，不断绘制对应的进度p，给人一种圆环被拖着动画的错觉，其实这只是不断重绘的结果。这里需要我们通过onTouchEvent方法来监听手势及获取当前坐标。难点在于这是一个弧形轨迹，我们怎么通过当前坐标来获取角度，再根据角度获取相对应的进度。代码示例如下：

@Override
public synchronized boolean onTouchEvent(MotionEvent event) {

int action = event.getAction();
int x = (int) event.getX();
int y = (int) event.getY();

switch (action) {
case MotionEvent.ACTION_DOWN:
// isOnRing 注释见下
if (isOnRing(x, y) && y <= radius + getPaddingTop() + specialScaleLineLength + scaleToRingSpace) {
updateProgress(x, y);
return true;
}
break;
case MotionEvent.ACTION_MOVE:
if (y <= radius + getPaddingTop() + specialScaleLineLength + scaleToRingSpace) {
updateProgress(x, y);
}
return true;
case MotionEvent.ACTION_UP:
invalidate();
break;
}

return super.onTouchEvent(event);
}

这是根据当前点的位置求角度，再转换成当前进度的方法：

private void updateProgress(int eventX, int eventY) {

double angle = Math.atan2(eventY - (radius + getPaddingLeft() + specialScaleLineLength + scaleToRingSpace)
, eventX - (radius + getPaddingLeft() + specialScaleLineLength + scaleToRingSpace)) / Math.PI;
angle = ((2 + angle) % 2 + (-beginLocation / 180f)) % 2;

if ((int) Math.round(angle * 100) >= 0) {
progress = (int) Math.round(angle * 100);
realShowProgress = getShowProgress(progress);
}

invalidate();
}

需要注意的是，当我们拖动“拖动按钮”时，我们需要定一个特定的接收事件的区域范围，只有当用户按在了规定的可滑动区域内，才能让用户拖动进度条，并不是在任意位置都能拖动小图标改变进度的，这是判断当前触摸屏幕的位置是否处于可滑动区域内的方法：

private boolean isOnRing(float eventX, float eventY) {

boolean result = false;
double distance = Math.sqrt(Math.pow(eventX - (radius + getPaddingLeft() + specialScaleLineLength + scaleToRingSpace), 2)

• Math.pow(eventY - (radius+getPaddingLeft() + specialScaleLineLength + scaleToRingSpace), 2));

if (distance < (2 * radius+getPaddingLeft() + getPaddingRight() + 2 * (specialScaleLineLength + scaleToRingSpace))
&& distance > radius - slideAbleLocation) {
result = true;
}

return result;
最后，如果大伙有什么好的学习方法或建议欢迎大家在评论中积极留言哈，希望大家能够共同学习、共同努力、共同进步。

小编在这里祝小伙伴们在未来的日子里都可以 升职加薪，当上总经理，出任CEO，迎娶白富美，走上人生巅峰！！

很多人在刚接触这个行业的时候或者是在遇到瓶颈期的时候，总会遇到一些问题，比如学了一段时间感觉没有方向感，不知道该从那里入手去学习，需要一份小编整理出来的学习资料的关注我主页或者点击我的GitHub免费领取~

这里是关于我自己的Android 学习，面试文档，视频收集大整理，有兴趣的伙伴们可以看看~

20464/Android-P7/blob/master/Android%E5%BC%80%E5%8F%91%E4%B8%8D%E4%BC%9A%E8%BF%99%E4%BA%9B%EF%BC%9F%E5%A6%82%E4%BD%95%E9%9D%A2%E8%AF%95%E6%8B%BF%E9%AB%98%E8%96%AA%EF%BC%81.md)

这里是关于我自己的Android 学习，面试文档，视频收集大整理，有兴趣的伙伴们可以看看~

如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言，一定会认真查询，修正不足，谢谢。