Question

我有一个蜡烛和火焰作为单独的图像视图。当用户点击火焰时，其可绘制资源设置为透明，意味着火焰已经被烧掉。

我也希望在火焰被吹走时显示烟雾。为此，我有大约21张黑烟图像，可以快速显示，以便用户将其视为烟雾。这是我的代码在点击火焰时挂起（R.drawable.smoke_22是火焰的透明图像，R.drawable.candle_1是黄色火焰图像，标志是跟踪火焰当前是否被吹走.flag = flase意味着火焰仍在照明）：

int[] smokeImages = { R.drawable.smoke_1, R.drawable.smoke_2,
        R.drawable.smoke_3, R.drawable.smoke_4, R.drawable.smoke_5,
        R.drawable.smoke_6, R.drawable.smoke_7, R.drawable.smoke_8,
        R.drawable.smoke_9, R.drawable.smoke_10, R.drawable.smoke_11,
        R.drawable.smoke_12, R.drawable.smoke_13, R.drawable.smoke_14,
        R.drawable.smoke_15, R.drawable.smoke_16, R.drawable.smoke_17,
        R.drawable.smoke_18, R.drawable.smoke_19, R.drawable.smoke_20,
        R.drawable.smoke_21 };


    this.flamImageView.setOnClickListener(new OnClickListener() {

        @Override
        public void onClick(View v) {
            if (flag) {
                flamImageView.setImageDrawable(getResources().getDrawable(
                        R.drawable.smoke_22));
                flag = false;
                startTimer();
            } else {
                flamImageView.setImageDrawable(getResources().getDrawable(
                        R.drawable.candle_1));
                flag = true;
                smokemageView.setImageResource(R.drawable.smoke_22);
            }
        }
    });
}

private void startTimer() {
    for (int i = 0; i < 21; i++) {
        try {
            Thread.sleep(250);
            smokemageView.setImageResource(smokeImages[i]);
        } catch (InterruptedException localInterruptedException) {
        }
    }
    smokemageView.setImageResource(R.drawable.smoke_22);
}

火焰确实消失并重复触摸，但我没有看到适当的烟雾动画

Answer 1

您可以简单地将for语句包装在while循环中，由布尔值引发只要你想让drawable动画化，就把布尔值设置为true。

private void startTimer() {

while (timing) {
    for (int i = 0; i < 21; i++) {
        try {
            Thread.sleep(250);
            smokemageView.setImageResource(smokeImages[i]);
        } catch (InterruptedException localInterruptedException) {
      }
    }
  }
  smokemageView.setImageResource(R.drawable.smoke_22);
}

你可以创建一个AnimationDrawable对象：（可能是更简单，更防错的路线）

AnimationDrawable anim = new AnimationDrawable();
        anim.addFrame(
                getResources().getDrawable(R.drawable.smoke_1),
                250);
        anim.addFrame(
                getResources().getDrawable(R.drawable.smoke_2),
                250);
        anim.addFrame(
                getResources().getDrawable(R.drawable.smoke_3),
                250);
        anim.addFrame(
                getResources().getDrawable(R.drawable.smoke_4),
                250);

        //......So on, so forth until you have a satisfying animation sequence


        //set ImageView to AnimatedDrawable
        smokemageView.setImageDrawable(anim);

        //if you want the animation to loop, set false
        anim.setOneShot(false);
        anim.start();

我当然希望这会有所帮助，Happy Coding！

Answer 2

Thread.sleep很糟糕。真的很糟糕。

但是，我建议您使用Timer或Handler。

TimerTask的小例子：

Timer timer = new Timer();
timer.schedule(new ImageTask(), 0, 250);

class ImageTask extends TimerTask {
    public void run() {
        // Change image here.
    }
}

班级ImageTask将每250毫秒执行一次。你可以在那里改变你的形象。

Handler的小例子：

final Handler handler = new Handler();
final Runnable r = new Runnable() {
    public void run() {
        // Change image here.
        handler.postDelayed(this, 250);
    }
};
handler.post(r);

它会解决你的问题，但到目前为止还不是最好的方法。 GreyBeardedGeek为您的问题提供了一个很好的替代解决方案。

Answer 3

虽然这里的其他一些答案可能会解决您的直接问题，但这不是创建动画的最佳方式。

“更好”的方法是使用AnimationDrawable类，让框架为您完成所有工作：

http://developer.android.com/reference/android/graphics/drawable/AnimationDrawable.html

在ImageView中显示连续的图像序列

3 个答案: