Frame Animation(逐帧动画):

逐帧动画(Frame-by-frame Animations)从字面上理解就是一帧挨着一帧的播放图片,就像放电影一样。和补间动画一样可以通过xml实现也可以通过java代码实现。接下来借助目前项目中的一个开奖的动画来总结如何使用。实现效果如下:

5e593c5765b480e13823d313c5b76209.gif

具体实现过程:

1.)在res/drawable目录下一个文件lottery_animlist.xml,内容如下:

69c5a8ac3fa60e0848d784a6dd461da6.png

69c5a8ac3fa60e0848d784a6dd461da6.png

根节点是animation-list(动画列表),里面有一个或者多个item节点组成,oneshot属性表示是否只播放一次,true表示只会播放一次,false表示一直循环播放,内部用item节点声明一个动画帧,android:drawable指定此帧动画所对应的图片资源,android:druation代表此帧持续的时间,整数,单位为毫秒。

2.)用ImageView控件作为动画载体来显示动画

69c5a8ac3fa60e0848d784a6dd461da6.png

69c5a8ac3fa60e0848d784a6dd461da6.png

这个时候我们运行一下,发现动画没有运行而是停留在第一帧,那是因为AnimationDrawable播放动画是依附在window上面的,而在Activity onCreate方法中调用时Window还未初始化完毕,所有才会停留在第一帧,要想实现播放必须在onWindowFocusChanged中添加如下代码:

imageView.setImageResource(R.drawable.lottery_animlist);

AnimationDrawable animationDrawable=(AnimationDrawable) imageView.getDrawable();

animationDrawable.start();

如果想要停止播放动画可以调用AnimationDrawable的stop方法

imageView.setImageResource(R.drawable.lottery_animlist);

AnimationDrawable animationDrawable=(AnimationDrawable) imageView.getDrawable();

animationDrawable.stop();

3.)纯Java代码实现方式

69c5a8ac3fa60e0848d784a6dd461da6.png

AnimationDrawable anim = newAnimationDrawable();for (int i = 1; i <= 6; i++) {int id = getResources().getIdentifier("lottery_" + i, "mipmap", getPackageName());

Drawable drawable=getResources().getDrawable(id);

anim.addFrame(drawable,200);

}

anim.setOneShot(false);

imageView.setImageDrawable(anim);

anim.start();

69c5a8ac3fa60e0848d784a6dd461da6.png

4.)AnimationDrawable 几个常见的api

void start() - 开始播放动画

void stop() - 停止播放动画

addFrame(Drawable frame, int duration) - 添加一帧,并设置该帧显示的持续时间

void setOneShoe(boolean flag) - false为循环播放,true为仅播放一次

boolean isRunning() - 是否正在播放

总结:

Frame Animation(逐帧动画)相对来说比较简单,但是在实际开发中使用的频率还是比较高的。希望以这个小例子能够掌握逐帧动画,但是逐帧动画只能实现比较小的动画效果,如果复杂而且帧数比较多的动画不太建议使用逐帧动画,一方面是因为会造成OOM,另一方面会显得很卡,如果真是超级复杂的动画的话建议选择双缓冲绘制View来实现。

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐