动画 onDraw() 部分

Question

我有以下课程：

public class MainActivity extends Activity {
/** Called when the activity is first created. */

String value = "0";

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
            WindowManager.LayoutParams.FLAG_FULLSCREEN);

        setContentView(new GaugeAnimation(this));

       }

     }

我的 GuageAnimation 课程如下：

public class GaugeAnimation extends View{

private Path p;
private Paint cPaint = new Paint();
private int width = 200;
private int angleStart = 135;
private int sweep = 90;
private int value=0;

Bitmap bottom = BitmapFactory.decodeResource(getResources(), R.drawable.dashboard_rpm_bottom);
Bitmap top= BitmapFactory.decodeResource(getResources(), R.drawable.dashboard_rpm_active);

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

        //Arc Equations & etc.... 

}

@Override
public void onDraw(Canvas c){


    Paint paint = new Paint();
    paint.setFilterBitmap(false);
    paint.setColor(Color.BLUE);
    c.translate(55,320);       

    //Draw bottom image on canvas

  c.save();

    p.addArc(new RectF(0,0,width,width), angleStart, sweep);
    p.lineTo(width/2, width/2);


    c.clipPath(p);

    //draw Image on top

    c.restore();

   invalidate()

}


 }

所以基本上，这会根据弧方程一次裁剪一张圆形图像。我想显示一个动画，就像圆圈的各个部分都被填充一样（因此显示每个剪切路径，演示正在构建的圆圈）。所以我正在考虑做一个 for 循环，例如：

 for (int i=0; i<100; i++) {
   sweep=i;
   p.addArc(new RectF(0,0,width,width), angleStart, sweep);
    p.lineTo(width/2, width/2);

    c.clipPath(p);
        invalidate();
 }

但这不起作用，它只是在 i=100 时绘制最终结果，有人知道我该如何做到这一点吗？

Answer 1

目前，您的循环在主线程上执行并使其保持忙碌状态，因此在您完成之前它不会实际更新 UI。

您应该在后台线程中执行循环（使用 Timer 或AsyncTask) 并在主线程上执行绘制。请注意，如果没有短暂的睡眠，它可能看起来太像动画了，速度会相当快。