App下载 微信公众号

Frame Animation(逐帧动画)【Android】

技术 · 移动开发 · Android/ 作者【吾非言】/ 发布于2017-10-10/ 1.78k次浏览
2017 10/10 9:13
摘要: Android动画,一共分为4种,Tween Animation,Frame Animation,Property Animation,Layout Animation。对于Frame Animation(逐帧动画)这篇文章讲的非常详细了。

任何事情都是这样一个过程,决定去做了,就着手去做,一旦找到了舒适区,你就会乐在其中,或许就发现:“喜欢比努力更重要。”乐在其中地去坚持一件事,总好过天天暗示自己“你必须这么做”要来得容易且长久。永远充满喜悦地唱每一首歌,跳每一段舞,看每一场球赛,过每一段人生。

伴职创作

Frame Animation(帧动画/逐帧动画/Drawable Animation),顾名思义是指将画面一帧一帧的进行播放的动画,它有两种实现方式,第一种方式是通过Java代码实现,这里需要使用到AnimationDrawable。第二种方式XML进行实现,这里需要用到标签。

第一种方式,Java实现:

这里我在res/drawable下放置loading_01~loading_12张png文件,用来显示每帧的效果图。先要从该文件夹下取出Drawable最后通过anim.addFrame(drawable,100)添加进来即可,其中anim.setOneShot(false);这个方法是用来设置该动画效果是否为一次播放,true的时候表示播放一次就停止,false的时候表示可以联系播放。

AnimationDrawable anim =new AnimationDrawable();
for(int i =1; i <=12; i++) {
   int id;
   // 获取Drawable文件夹下的图片文件
   if(i <10)
      id = getResources().getIdentifier("loading_0"+ i,"drawable",getPackageName());
   else
      id = getResources().getIdentifier("loading_"+ i,"drawable",getPackageName());
   Drawable drawable = getResources().getDrawable(id);
   anim.addFrame(drawable,100);
}
anim.setOneShot(false);
imageView.setImageDrawable(anim);

第二种方式:XML进行实现。

<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
   android:oneshot="false">
   <!--oneshot:是否只展示一遍-->
   <item android:drawable="@drawable/loading_01" android:duration="100"/>
   ......
   <item android:drawable="@drawable/loading_12" android:duration="100"/>
</animation-list>

这样就将该一个帧动画设置完成,然后只需要在XML布局文件中进行调用。

<ImageView
   android:id="@+id/imageView"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:contentDescription="@null"
   android:src="@drawable/loading"/>

然而当我们运行的时候会发现动画没有运行而是停留在第一帧,这是为什么呢?

那是因为AnimationDrawable播放动画是依附在window上面的,而在Activity onCreate方法中调用时Window还未初始化完毕,所有才会停留在第一帧,要想实现播放可以在onWindowFocusChanged或onCreate方法中添加如下代码:

// XML实现逐帧动画
imageView.setImageResource(R.drawable.loading);
AnimationDrawable animationDrawable = (AnimationDrawable)imageView.getDrawable();
animationDrawable.start();

补充:AnimationDrawable 几个常见的api。

  1. void start()- 开始播放动画
  2. void stop()- 停止播放动画
  3. addFrame(Drawable frame, int duration)- 添加一帧,并设置该帧显示的持续时间
  4. void setOneShoe(boolean flag)- false为循环播放,true为仅播放一次
  5. boolean isRunning()- 是否正在播放

总结:逐帧动画使用起来较为简单,但是大量的使用,会占用大部分的CPU资源,是界面卡顿,而且如果画面使用图片过大时候还会出现OOM问题。

GitHub地址

微信公众号:伴职创作

感谢您使用伴职平台,如有侵权,请投诉删除!

全部评价

最新
查看更多评论 加载

猜你喜欢

换一批