当前位置: 代码迷 >> Android >> Android中的绘图动画片(Drawable Animation)
  详细解决方案

Android中的绘图动画片(Drawable Animation)

热度:216   发布时间:2016-04-28 06:18:22.0
Android中的绘图动画(Drawable Animation)

Android中的绘图动画(Drawable Animation)就像传统的电影一样,将画面按一定顺序和速度逐帧播放,人眼看上去就像连续的画面一样。


绘图动画的机理就是在一个可以显示drawable资源的控件中连续播放不同的drawable资源文件(例如图片)。


那么我们来看一样如何制作一段绘图动画:

1)首先我们需要搜集我们要用的drawable资源。这里我们搜集一些小图标,这些图标的命名都在图片下面附上了:

                                

pic1.9.png          pic2.9.png           pic3.9.png


2)然后我们将这些drawable资源导入到响应的Android工程目录中,如图:


可以看见,我们的3个drawable资源文件已经在  res/drawable-hdpi/ 目录中了。


3)在这个 res/drawable-hdpi/ 目录中再创建一个xml文件,然后在这个xml文件中定义我们的动画要用到的画面。这个xml文件的路径+文件名为res/drawable-hdpi/test_animation.xml ,实例代码如下

<animation-list xmlns:android="http://schemas.android.com/apk/res/android"    android:oneshot="false" >  <!-- android:oneshot为false则循环播放,为true则值播放一次到最后一帧 -->>    <item        android:drawable="@drawable/pic1"        android:duration="80"/>        <!-- android:duration设定换帧的时间间隔 -->    <item        android:drawable="@drawable/pic2"        android:duration="80"/>    <item        android:drawable="@drawable/pic3"        android:duration="80"/></animation-list>


4)好了,这样就有了一个可以用来播放的动画资源了,但是要播放它我们还需要在工程代码中添加如下代码:

public class MainActivity extends Activity {	private AnimationDrawable testAnimation;	public void onCreate(Bundle savedInstanceState) {		super.onCreate(savedInstanceState);		setContentView(R.layout.activity_main);		//要事先在active_main.xml中定义一个ImageView并把id设置为animationImageView		ImageView imageView = (ImageView) findViewById(R.id.animationImageView);		imageView.setBackgroundResource(R.drawable.test_animation);		testAnimation = (AnimationDrawable) imageView.getBackground();	}	//点击一下屏幕则开始播放动画	public boolean onTouchEvent(MotionEvent event) {		if (event.getAction() == MotionEvent.ACTION_DOWN) {			testAnimation.start();  //使用start()方法来播放动画			return true;		}		return super.onTouchEvent(event);	}}


通过如上4步,一段绘图动画就制作完毕了。


※注意:AnimationDrawable类的start()方法不能再onCreate()生命周期函数中调用,因为你的AnimationDrawable对象可能还没有加载完毕。如果你希望动画能够直接播放,你应该在activity的onWindowFocusChanged()函数中调用它。





如果转载请注明出处:http://blog.csdn.net/gophers/article/details/22983187




  相关解决方案