android 自定义 view 两个相反方向的嵌套转盘

最近没事干朋友刚好有个需求感兴趣，就花了些时间写了个

先看下截图，显示的是外圆顺时针转向，内圆逆时针转向，gif 估计看不开效果，太刺眼了，录的时候也花了好一会时间，录好了一看怎么感觉是内圆变成顺时针了。。。，其实是逆时针转向，在 gif 截图上看起来会有点卡，其实在手机上很流畅，没有卡顿

有兴趣的也可以看看我之前写的自定义组件

自定义 view 实现的下载进度展示：https://github.com/7449/ProgressView

自定义 view 实现的通讯录快速索引：https://github.com/7449/SlideView

这个就类似于车载导航那种不停的旋转然后让 UI 看起来高大上的那种，不知道的人看上去是挺装逼的。

FractionDefaults 这个类是初始化时的一些默认值。 其实也不是很难，就是确定两个圆的位置，只要一个圆的位置确定了，那另一个就很好确定， 例如外圆如果确定了位置，那内圆就是使用同一个圆心，然后半径比外圆小一定程度就可以画出来，一般感觉比外圆的宽度大一点点就很好了

至于分段就是使用 drawArc 方法然后指定画笔为不同的颜色就行

例如外圆

    private void drawOuterRing(Canvas canvas) {
        mPaint.setStrokeWidth(mOuterRingWidth);
        mPaint.setColor(mOuterRingSelectColor);
        canvas.drawArc(mOuterRectF, mOuterRingAngle, mOuterRingAngleWidth * mOuterRingSelectRing + mOuterRingSelectAngle * mOuterRingSelectRing, false, mPaint);
        mPaint.setColor(mOuterRingSelectAngleColor);
        for (int i = 0; i < mOuterRingSelectRing; i++) {
            canvas.drawArc(mOuterRectF, mOuterRingAngle + (i * mOuterRingAngleWidth + (i) * mOuterRingSelectAngle), mOuterRingSelectAngle, false, mPaint);
        }
    }

不同的状态下指定不同的颜色即可。

动画效果就是不停的进行 view 绘制，

例如外圆

让动画无限进行，然后检测动画，不停的更新参数，使用 postInvalidate();更新 UI 界面，这样不停的刷新视觉上就是旋转起来了

 private void outerRoundAnimator() {
        outerValueAnimator = ValueAnimator.ofFloat(0, 0);
        outerValueAnimator.setRepeatCount(ValueAnimator.INFINITE);
        outerValueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                if (mOuterRingAngle > RING_ANGLE_MAX) {
                    mOuterRingAngle = FractionDefaults.OUTER_RING_ANGLE;
                }
                setOuterRingAngle(mOuterRingAngle += mOuterRingSpeed);
            }
        });
    }

   private void setOuterRingAngle(int mOuterRingAngle) {
        this.mOuterRingAngle = mOuterRingAngle;
        postInvalidate();
    }

大概就这么多吧，时间紧稍微看了下 log，应该没什么 Bug 了。