android - [android] SweepGradient を使用してアニメーション化する円

Question

こんにちは、写真に示すように円を描こうとしています。値の範囲は 0 ～ 100 です。0 ～ 40 緑 41 ～ 60 黄 61 ～ 80 オレンジおよび 81 ～ 100 赤。

ビューは 0 から定義された値までゆっくりとアニメーション化する必要があります。これを達成する必要があります。

次のコードを試してみましたが、次のようなコードを達成しようとしています:

public class GradiantActivity extends Activity {

/** Called when the activity is first created. */

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    setContentView(new GradientTestView(this));
}

private class GradientTestView extends View {
    private Paint mPaint;
    private final int[] mColors;
    private int CENTER_X;
    private int CENTER_Y;

    private Shader shader;
    /**
     * Radius coordinates to draw circle.
     */
    float r;

    public GradientTestView(Context context) {
        super(context);

        mColors = new int[] {
                0xFF00FF00, //Green
                0xFFFFFF00, //Yellow
                            //Orange
                0xFFFF0000 //Red
        };

        shader = new SweepGradient(0, 0, mColors, null);

        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setStrokeWidth(100);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        canvas.translate(CENTER_X, CENTER_Y);
        mPaint.setShader(shader);
        canvas.drawOval(new RectF(-r, -r, r, r), mPaint);

        //for different positioning
        //canvas.translate(0, CENTER_Y);
        //canvas.translate(-CENTER_X * 3 / 4, -CENTER_Y / 2);
        //canvas.translate(CENTER_X * 3 / 2, 0);

    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        CENTER_X = this.getWidth() / 2;
        CENTER_Y = this.getHeight() / 2;
        r = CENTER_Y / 2 - mPaint.getStrokeWidth() * 0.5f;
    }
}
}

このビューを 0 から定義された値にアニメーション化するのを手伝ってください。