【BYM】Android 实现相机快门动画，android音视频何俊林

c.推导公式求解x和y。

辅助线我就不画了，我直接给出推导公式

转换成java代码如下

float tagX = (float) (Math.sin(Math.toRadians(60)) * mRadius
/ Math.cos(Math.toRadians(30 - swipeAgenl))

• Math.sin(Math.toRadians(60 - swipeAgenl)));

float tagY = (float) (Math.sin(Math.toRadians(60)) * mRadius
/ Math.cos(Math.toRadians(30 - swipeAgenl))

• Math.cos(Math.toRadians(60 - swipeAgenl))) - mRadius;

运行看下效果是不是符合预期

4.圆弧

点(0,-R)到(√3/2/R,R/2)点与圆相交处会有个圆弧。这里利用Path.addArc或者canvas.drawArc方法都可以绘制。所传参方式有两种，其实本质都是传入一个矩形然后在矩形框内绘制一个圆弧。

Path.java
public void addArc(RectF oval, float startAngle, float sweepAngle) {
addArc(oval.left, oval.top, oval.right, oval.bottom, startAngle, sweepAngle);
}
Canvas.java
public void drawArc(@NonNull RectF oval, float startAngle, float sweepAngle, boolean useCenter,
@NonNull Paint paint) {
drawArc(oval.left, oval.top, oval.right, oval.bottom, startAngle, sweepAngle, useCenter,
paint);
}

startAngle 为开始的角度，sweepAngle为圆弧滑过的角度。代码如下:

RectF oval = new RectF(-mRadius, -mRadius, mRadius, mRadius);
mPaint.setStyle(Paint.Style.FILL);
path.addArc(oval, -90, 60);

5.看看效果

画出了一个，那么6个就很好画，为了方面观察效果，我把每个都整成了不同颜色，方便大家看。

咦，不对劲呀，和我预想的不一样。我们可以再看看UI做的效果图。抛开图形旋转角度的因素，可以观察到，图形是随着时间的变化，红色边线一直拉长而形成的。最大长度是R，最小长度是0，或者你设置任意初始值，还有一点要注意，在红线延伸的过程中，夹角始终是60度。