Animate canvas.drawCircle

Question

如何在座標Y，a canvas.drawCircle中移動？

我想讓感覺像是在屏幕上觸摸的圓圈，但我不知道如何爲它設置動畫效果。

我的onDraw：

public void onDraw(Canvas canvas) { 
     super.onDraw(canvas); 
     int x = getWidth(); 
     int y = getHeight(); 
     anchoX = x; 
     anchoY = y; 
     Paint paint = new Paint(); 
     paint.setStyle(Paint.Style.FILL); 
     paint.setColor(Color.BLUE); 
     canvas.drawPaint(paint); 
     /*Texto*/ 
     paint.setColor(Color.BLACK); 
     paint.setTextSize(80); 
     canvas.drawText("CONECTA 4", 70, 130, paint); 
     /*Separador*/ 
     paint.setColor(Color.parseColor("#5C5C5C")); 
     canvas.drawRect(0, 200, 600, 210, paint); 
     /*Tablero*/ 
     int radius = 25; 
     for (int i = 0; i < Game.NFILAS; i++) 
      for (int j = 0; j < Game.NCOLUMNAS; j++){ 
       if (game.estaVacio(i,j)){ 
        color = Color.WHITE; 
        paint.setColor(color); 
        canvas.drawCircle(getPixelFromColumna(j), getPixelFromFila(i), radius, paint); 
       } else if (game.estaJugador(i,j)){ 
        paint.setColor(coloreado); 
        canvas.drawCircle(getPixelFromColumna(j), getPixelFromFila(i), radius, paint); 
       } else { 
        color = Color.RED; 
        paint.setColor(color); 
        canvas.drawCircle(getPixelFromColumna(j),getPixelFromFila(i), radius, paint); 
       } 
      } 
    } 

Answer 1

你可以檢查這個答案。這就是你要找的draw a circle with animation

爲了創建您可以爲您的Java文件這樣

public class Circle extends View { 

private static final int START_ANGLE_POINT = 90; 

private final Paint paint; 
private final RectF rect; 

private float angle; 

public Circle(Context context, AttributeSet attrs) { 
    super(context, attrs); 

    final int strokeWidth = 40; 

    paint = new Paint(); 
    paint.setAntiAlias(true); 
    paint.setStyle(Paint.Style.STROKE); 
    paint.setStrokeWidth(strokeWidth); 
    //Circle color 
    paint.setColor(Color.RED); 

    //size 200x200 example 
    rect = new RectF(strokeWidth, strokeWidth, 200 + strokeWidth, 200 + strokeWidth); 

    //Initial Angle (optional, it can be zero) 
    angle = 120; 
} 

@Override 
protected void onDraw(Canvas canvas) { 
    super.onDraw(canvas); 
    canvas.drawArc(rect, START_ANGLE_POINT, angle, false, paint); 
} 

public float getAngle() { 
    return angle; 
} 

public void setAngle(float angle) { 
    this.angle = angle; 
} 
} 

圓和用於創建動畫

public class CircleAngleAnimation extends Animation { 

private Circle circle; 

private float oldAngle; 
private float newAngle; 

public CircleAngleAnimation(Circle circle, int newAngle) { 
    this.oldAngle = circle.getAngle(); 
    this.newAngle = newAngle; 
    this.circle = circle; 
} 

@Override 
protected void applyTransformation(float interpolatedTime, Transformation transformation) { 
    float angle = oldAngle + ((newAngle - oldAngle) * interpolatedTime); 

    circle.setAngle(angle); 
    circle.requestLayout(); 
} 
} 

，您可以在xml使用這樣的定義

<com.package.Circle 
android:id="@+id/circle" 
android:layout_width="300dp" 
android:layout_height="300dp" /> 

動畫喲ü使用此示例代碼圈出

Circle circle = (Circle) findViewById(R.id.circle); 

CircleAngleAnimation animation = new CircleAngleAnimation(circle, 240); 
animation.setDuration(1000); 
circle.startAnimation(animation);