android - 使用animationDrawable在android中播放大PNG帧动画

标签 android animation png imageview

我有一个带有按钮的应用程序,按下按钮可以播放各种逐帧动画。动画存储为 .png 文件序列。一些动画填充了一小块区域,使用 animationDrawable 似乎可以很好地播放。但是,一些动画会填满屏幕的很大一部分(即使使用 alpha channel 它们大部分是透明的),当应用程序加载到我的手机(而不是模拟器)时,我会收到内存不足错误。我无法将它们作为视频文件播放,因为它们需要覆盖主屏幕。

我的主要问题 - 有没有一种方法可以使用 animationDrawable 播放大型 png 序列动画(比如 320x480 下的 60 帧)?

到目前为止,在我的研究中似乎没有任何方法可以解决内存限制......所以我一直在研究制作我自己的方法来创建 ImageView 并用位图填充它,然后连续替换延迟后每一帧的位图。但是,使用这种技术,我的动画似乎只播放第一帧和最后一帧。

这是我尝试使用 animationDrawable 的代码 - “黑猩猩”运行良好,但当我添加“气泡”(较大的图像)时,应用程序根本无法加载 - logCat 显示:“错误/dalvikvm-heap(3248): 1008000 字节的外部分配对于这个进程来说太大了... ERROR/AndroidRuntime(3248): java.lang.OutOfMemoryError: bitmap size exceeds VM budget "

public class Babymode_tst extends Activity implements OnClickListener{
 /** Called when the activity is first created. */
 AnimationDrawable chimpAnimation;
 AnimationDrawable bubblesAnimation;
 private MediaPlayer mp;

 @Override
 public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.main);
  setVolumeControlStream(AudioManager.STREAM_MUSIC);

  final ImageButton chimpButton = (ImageButton) findViewById(R.id.chimp_button);
  chimpButton.setOnClickListener(this);
  ImageView chimpImage = (ImageView) findViewById(R.id.chimp_imageview);
  chimpImage.setBackgroundResource(R.drawable.chimp_anim);
  chimpAnimation = (AnimationDrawable) chimpImage.getBackground();

  final ImageButton bubblesButton = (ImageButton) findViewById(R.id.bubbles_button);
  bubblesButton.setOnClickListener(this);
  ImageView bubblesImage = (ImageView) findViewById(R.id.bubbles_imageview);
  bubblesImage.setBackgroundResource(R.drawable.bubbles_anim);
  bubblesAnimation = (AnimationDrawable) bubblesImage.getBackground();  
 }

 public void onClick(View v) {
  if (mp != null) {
   mp.release();
  }

  Random generator = new Random();
  int randomIndex;

  switch(v.getId()){
  case R.id.chimp_button: 
    randomIndex = (generator.nextInt( 2 ) + 1);
    if (randomIndex == 1){
    mp = MediaPlayer.create(this, R.raw.chimp_1);
    }
    if (randomIndex == 2){
    mp = MediaPlayer.create(this, R.raw.chimp_2);
   }
   mp.start();

   chimpAnimation.setVisible(true,true);
   chimpAnimation.start();

   break;

  case R.id.bubbles_button: 
    randomIndex = (generator.nextInt( 3 ) + 1);
    if (randomIndex == 1){
    mp = MediaPlayer.create(this, R.raw.bubbles_1);
    }
    if (randomIndex == 2){
     mp = MediaPlayer.create(this, R.raw.bubbles_2);
   }
   if (randomIndex == 3){
     mp = MediaPlayer.create(this, R.raw.bubbles_3);
   }
   mp.start();

   bubblesAnimation.setVisible(true,true);
   bubblesAnimation.start();
   break;
  }
 }
}

这是我尝试在 ImageView 中逐帧播放的尝试,但它只播放第一帧和最后一帧:

    public void playAnimation(String name){
  final ImageView bubblesImageView = (ImageView) findViewById(R.id.bubbles_imageview);
  bubblesImageView.setImageResource(R.drawable.bubbles_anim_v5_0003);

  mHandler.postDelayed(new Runnable() {
   public void run() {
    bubblesImageView.setImageResource(R.drawable.bubbles_anim_v5_0015);
   }
  }, 500);

  mHandler.postDelayed(new Runnable() {
   public void run() {
    bubblesImageView.setImageResource(R.drawable.bubbles_anim_v5_0025);
   }
  }, 500);

  mHandler.postDelayed(new Runnable() {
   public void run() {
    bubblesImageView.setImageResource(R.drawable.bubbles_anim_v5_0035);
   }
  }, 500);


 }

任何帮助将不胜感激 - 谢谢

最佳答案

您的 mHandler.postDelayed(new Runnable(){...}); 都同时触发,例如500 毫秒后,您需要它们通过任一方式一个接一个地触发

nHandler.postDelayed(new Runnable() {
   public void run() {
    bubblesImageView.setImageResource(R.drawable.bubbles_anim_v5_0015);
   }
  }, 500);

  mHandler.postDelayed(new Runnable() {
   public void run() {
    bubblesImageView.setImageResource(R.drawable.bubbles_anim_v5_0025);
   }
  }, 1000);

  mHandler.postDelayed(new Runnable() {
   public void run() {
    bubblesImageView.setImageResource(R.drawable.bubbles_anim_v5_0035);
   }
  }, 1500);

或者在 500 毫秒延迟后让每个可运行的队列排队下一个,例如

mHandler.postDelayed(new Runnable() {
public void run() {
   bubblesImageView.setImageResource(R.drawable.bubbles_anim_v5_0015);

   mHandler.postDelayed(new Runnable() {
   public void run() {
      bubblesImageView.setImageResource(R.drawable.bubbles_anim_v5_0025);
      }
   }, 1000); 
   }
}, 500);

或者您可以构造一个 ìnt 数组,其中包含 R.drawable.xxx 值,并且每隔 500 毫秒只显示下一张图像。

关于android - 使用animationDrawable在android中播放大PNG帧动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4544293/

相关文章:

android - 从 BroadcastReceiver 更新 fragment 的 TextView

javascript - 不透明度淡入淡出动画 - NaN 值

java - 图像读取大小异常 : I/O error reading PNG header!

python - PIL 中的 PNG 图像质量

android - 如何将多个蓝牙音频设备与安卓手机连接,一台设备录音,另一台设备播放?

android - 如何设置闹钟每月重复

css - SVG 动画悬停动画不适用于 Wordpress

objective-c - IOS - 动画没有响应

ImageMagick: `convert` 正在将 png24 修改为 png8,有什么解决方案吗?

android - 由 : java. lang.ClassNotFoundException 引起:在路径 DexPathList 上找不到类 "com.crashlytics.android.beta.Beta"