Android简单逐帧动画Frame的实现（三）

android之动画（三）通过AnimationDrawable控制逐帧动画

 

 

android与逐帧动画：

效果图：

当我们点击按钮时，该图片会不停的旋转，当再次点击按钮时，会停止在当前的状态。

activity代码：

1. package cn.com.chenzheng_java.animation;
2. import android.app.Activity;
3. import android.graphics.drawable.AnimationDrawable;
4. import android.os.Bundle;
5. import android.view.View;
6. import android.widget.ImageView;
7. /**
8. * @description android中的逐帧动画.
9. * 逐帧动画的原理很简单，跟电影的播放一样，一张张类似的图片不停的切换，当切换速度达到一定值时，
10. * 我们的视觉就会出现残影，残影的出现保证了视觉上变化的连续性，这时候图片的切换看在我们眼中就跟真实的一样了。
11. * 想使用逐帧动画：
12. * 第一步：需要在res/drawable文件夹下新建一个xml文件，该文件详细定义了动画播放时所用的图片、切换每张图片
13. *        所用的时间、是否为连续播放等等。(有些文章说，在res/anim文件夹下放置该文件，事实证明，会出错哦)
14. * 第二步：在代码中，将该动画布局文件，赋值给特定的图片展示控件，如本例子中的ImageView。
15. * 第三步：通过imageView.getBackGround()获取相应的AnimationDrawable对象，然后通过该对象的方法进行控制动画
16. * @author chenzheng_java
17. *
18. */
19. public class Animation1Activity extends Activity {
20. ImageView imageView ;
21. @Override
22. public void onCreate(Bundle savedInstanceState) {
23. super.onCreate(savedInstanceState);
24. setContentView(R.layout.animation1);
25. imageView = (ImageView) findViewById(R.id.imageView_animation1);
26. imageView.setBackgroundResource(R.drawable.animation1_drawable);
27. }
28. public void myClickHandler(View targetButton){
29. // 获取AnimationDrawable对象
30. AnimationDrawable animationDrawable = (AnimationDrawable)imageView.getBackground();
31. // 动画是否正在运行
32. if(animationDrawable.isRunning()){
33. //停止动画播放
34. animationDrawable.stop();
35. }
36. else{
37. //开始或者继续动画播放
38. animationDrawable.start();
39. }
40. }
41. }

animation1.xml文件：

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="match_parent" android:layout_height="match_parent"
4. android:orientation="vertical">
5. <Button  android:id="@+id/button_animation1" android:text="动画开始"
6. android:layout_gravity="center_horizontal" android:layout_width="wrap_content"
7. android:layout_height="wrap_content" android:onClick="myClickHandler"></Button>
8. <ImageView android:id="@+id/imageView_animation1"
9. android:layout_width="fill_parent"
10. android:layout_height="wrap_content" android:layout_weight="1"></ImageView>
11. </LinearLayout>

存放动画文件的xml文件：

1. <?xml version="1.0" encoding="utf-8"?>
2. <!--
3. 根标签为animation-list，其中oneshot代表着是否只展示一遍，设置为false会不停的循环播放动画
4. 根标签下，通过item标签对动画中的每一个图片进行声明
5. android:duration 表示展示所用的该图片的时间长度
6. -->
7. <animation-list
8. xmlns:android="http://schemas.android.com/apk/res/android"
9. android:oneshot="false"
10. >
11. <item android:drawable="@drawable/a1" android:duration="50"></item>
12. <item android:drawable="@drawable/a2" android:duration="50"></item>
13. <item android:drawable="@drawable/a3" android:duration="50"></item>
14. <item android:drawable="@drawable/a4" android:duration="50"></item>
15. <item android:drawable="@drawable/a5" android:duration="50"></item>
16. <item android:drawable="@drawable/a6" android:duration="50"></item>
17. </animation-list>

除此之外：在AnimationDrawable中，我们还可以看到如下的几个重要方法：

setOneShot(boolean flag) 和在配置文件中进行配置一样，可以设置动画是否播放一次，false为连续播放；

addFrame (Drawable frame, int duration) 动态的添加一个图片进入该动画中