ArcShape 的 Android 自定义动画

Question

首先让我解释一下我的目标。我正在尝试制作一个Animation来更改ArcShape的属性。 ArcShape 的 构造函数采用两个字段：startAngle 和sweepAngle。我想要为 sweepAngle 设置动画，以便它在屏幕上显示为一个不断缩小的圆圈。

您可以通过想象吃豆人来想象这个动画。想象一下他的嘴是闭着的。这个动画类似于他越来越张开上颌，直到不再有吃豆人。

现在...我在实现这个时遇到了一些问题。首先，一旦创建了 ArcShape，就没有内置方法可以更改其 sweepAngle。这引出了我的第一个问题：有没有办法重写 ArcShape 并实现一些 setSweepAngle 方法？或者我是否必须为我希望显示的每个 sweepAngle 创建一个新的 ArcShape？

现在讨论第二个问题...假设我找到了第一个问题的解决方案，我该如何创建这个动画？这是我现在所拥有的要点：

public class OpenPacman extends Animation {
  public OpenPacman(float startAngle, float sweepAngle) {
    mStartAngle = startAngle;
    mSweepAngle = sweepAngle;
  }

  @Override
  protected void applyTransformation(float interpolatedTime, Transformation t) {
    /* This represents the current sweepAngle */
    float currAngle = mStartAngle + ((mSweepAngle - mStartAngle) * interpolatedTime);

    //Now I need to update the ArcShape's sweepAngle to currAngle. But HOW?
  }
}

Answer 1

我找到了解决办法。我有一个扩展 View 的类，我们将其称为 Pacman 我将自定义 Animation 嵌套在这个 Pacman 类中。这允许我访问 Pacman 类的成员变量。

public class Pacman extends View {
  float mSweepAngle;
  ...
  //include constructors
  //override onMeasure
  ...

  /* Here we override onDraw */
  @Override
  protected void onDraw(final Canvas canvas) {
    Paint p = new Paint(Paint.ANTI_ALIAS_FLAG);
    RectF oval = new RectF(canvas.getClipBounds());
    canvas.drawArc(oval, 0, mCurrAngle, true, p);
  }

  /* Here we define our nested custom animation */
  public class OpenPacman extends Animation {
    float mStartAngle;
    float mSweepAngle;

    public OpenPacman (int startAngle, int sweepAngle, long duration) {
      mStartAngle = startAngle;
      mSweepAngle = sweepAngle;
      setDuration(duration);
      setInterpolator(new LinearInterpolator());
    }

    @Override
    protected void applyTransformation(float interpolatedTime, Transformation t) {
      float currAngle = mStartAngle + ((mSweepAngle - mStartAngle) * interpolatedTime);
      Pacman.this.mCurrAngle = -currAngle; //negative for counterclockwise animation.
    }
  }
}

现在，当自定义动画更新容器类 mCurrAngle 时，会自动调用 onDraw，从而绘制适当的 ArcShape。

Answer 2

我认为你最好扩展 Drawable 并重写 draw() 函数来修改每次调用的扫描角度并绘制相应的弧。通常，每次更新对象时都会调用 Draw，这意味着每次绘制时都必须创建一个新的 ArcShape
动画更多的是用于对视图和其他 UI 组件执行转换。

比如：

public class OpenPacman  
{

public OpenPacman(float startAngle, float sweepAngle) {  
    this.mStartAngle = startAngle;  
    this.mSweepAngle = sweepAngle;  
    this.wakaWaka = new ArcShape(this.startAngle, this.mSweepAngle);  
} 

public void draw(Canvas c){  
  //Do drawing stuff here with the canvas
}

//Your other functions for calculating angle, etc and making the ArcShape changes
//Can call these from inside draw function so that when the view that contains your
//object calls draw, it updates correctly.

public float mStartAngle;  
public float msweepAngle;  
private ArcShape wakaWaka;  
}

希望这能让你走上正轨。