Android 用Animation-list实现逐帧动画

时间  2019-12-06
标签 android animation list 实现 动画 栏目 Android 繁體版
原文   原文链接

第一步：先上图片素材，如下素材放到res/drawable目录下： html

http://blog.csdn.net/aminfo/article/details/7847761 java

图片素材： android

文件名称： app

icon1.png ide

icon1.png 布局

icon1.png 动画

icon1.png spa

icon1.png .net

icon1.png code

第二步：上动画Animation-list帧布局文件，有2个，一个是按顺序显示动画，一个是倒序显示动画，文件存放在res/drawable目录下

顺序显示动画文件：animation1.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="true"  
  10.   >  
  11.     <item android:drawable="@drawable/icon1" android:duration="150"></item>  
  12.     <item android:drawable="@drawable/icon2" android:duration="150"></item>  
  13.     <item android:drawable="@drawable/icon3" android:duration="150"></item>  
  14.     <item android:drawable="@drawable/icon4" android:duration="150"></item>  
  15.     <item android:drawable="@drawable/icon5" android:duration="150"></item>  
  16.     <item android:drawable="@drawable/icon6" android:duration="150"></item>  
  17. </animation-list>   
<?xml version="1.0" encoding="utf-8"?>
<!-- 
	根标签为animation-list，其中oneshot表明着是否只展现一遍，设置为false会不停的循环播放动画
	根标签下，经过item标签对动画中的每个图片进行声明
	android:duration 表示展现所用的该图片的时间长度
 -->
<animation-list
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:oneshot="true"
  >
  	<item android:drawable="@drawable/icon1" android:duration="150"></item>
  	<item android:drawable="@drawable/icon2" android:duration="150"></item>
  	<item android:drawable="@drawable/icon3" android:duration="150"></item>
  	<item android:drawable="@drawable/icon4" android:duration="150"></item>
  	<item android:drawable="@drawable/icon5" android:duration="150"></item>
  	<item android:drawable="@drawable/icon6" android:duration="150"></item>
</animation-list>


倒序显示动画文件：animation2.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="true"  
  10.   >  
  11.     <item android:drawable="@drawable/icon6" android:duration="150"></item>  
  12.     <item android:drawable="@drawable/icon5" android:duration="150"></item>  
  13.     <item android:drawable="@drawable/icon4" android:duration="150"></item>  
  14.     <item android:drawable="@drawable/icon3" android:duration="150"></item>  
  15.     <item android:drawable="@drawable/icon2" android:duration="150"></item>  
  16.     <item android:drawable="@drawable/icon1" android:duration="150"></item>  
  17. </animation-list>   
<?xml version="1.0" encoding="utf-8"?>
<!-- 
	根标签为animation-list，其中oneshot表明着是否只展现一遍，设置为false会不停的循环播放动画
	根标签下，经过item标签对动画中的每个图片进行声明
	android:duration 表示展现所用的该图片的时间长度
 -->
<animation-list
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:oneshot="true"
  >
  	<item android:drawable="@drawable/icon6" android:duration="150"></item>
  	<item android:drawable="@drawable/icon5" android:duration="150"></item>
  	<item android:drawable="@drawable/icon4" android:duration="150"></item>
  	<item android:drawable="@drawable/icon3" android:duration="150"></item>
  	<item android:drawable="@drawable/icon2" android:duration="150"></item>
  	<item android:drawable="@drawable/icon1" android:duration="150"></item>
</animation-list>


第三步：上布局文件，放在res/layout目录下，文件名main.xml：

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.    android:layout_width="fill_parent"  
  4.    android:layout_height="fill_parent"  
  5.    android:orientation="vertical">  
  6.      
  7.     <ImageView android:id="@+id/animationIV"  
  8.             android:layout_width="wrap_content"  
  9.             android:layout_height="wrap_content"  
  10.             android:padding="5px"  
  11.             android:src="@drawable/animation1"/>   
  12.               
  13.     <Button android:id="@+id/buttonA"  
  14.         android:layout_width="wrap_content"  
  15.         android:layout_height="wrap_content"  
  16.         android:padding="5px"  
  17.         android:text="顺序显示" />  
  18.       
  19.     <Button android:id="@+id/buttonB"  
  20.         android:layout_width="wrap_content"  
  21.         android:layout_height="wrap_content"  
  22.         android:padding="5px"  
  23.         android:text="中止" />  
  24.       
  25.     <Button android:id="@+id/buttonC"  
  26.         android:layout_width="wrap_content"  
  27.         android:layout_height="wrap_content"  
  28.         android:padding="5px"  
  29.         android:text="倒序显示" />  
  30.   
  31. </LinearLayout>   
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:orientation="vertical">
   
	<ImageView android:id="@+id/animationIV"
	    	android:layout_width="wrap_content"
	    	android:layout_height="wrap_content"
	    	android:padding="5px"
	    	android:src="@drawable/animation1"/> 
	    	
	<Button android:id="@+id/buttonA"
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    android:padding="5px"
	    android:text="顺序显示" />
	
	<Button android:id="@+id/buttonB"
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    android:padding="5px"
	    android:text="中止" />
	
	<Button android:id="@+id/buttonC"
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    android:padding="5px"
	    android:text="倒序显示" />

</LinearLayout>

第四步：上Activity文件，文件名：MainActivity.java

  1. package org.shuxiang.test;  
  2.   
  3. import android.app.Activity;  
  4. import android.graphics.drawable.AnimationDrawable;  
  5.   
  6. import android.os.Bundle;  
  7. import android.view.View;  
  8. import android.view.View.OnClickListener;  
  9. import android.view.Window;  
  10. import android.widget.Button;  
  11. import android.widget.ImageView;  
  12.   
  13. public class Activity10 extends Activity  
  14. {  
  15.     private ImageView animationIV;  
  16.     private Button buttonA, buttonB, buttonC;  
  17.     private AnimationDrawable animationDrawable;  
  18.     @Override  
  19.     public void onCreate(Bundle savedInstanceState) {  
  20.         super.onCreate(savedInstanceState);  
  21.         requestWindowFeature(Window.FEATURE_NO_TITLE);  
  22.         setContentView(R.layout.test10);  
  23.          
  24.           
  25.         animationIV = (ImageView) findViewById(R.id.animationIV);  
  26.         buttonA = (Button) findViewById(R.id.buttonA);  
  27.         buttonB = (Button) findViewById(R.id.buttonB);  
  28.         buttonC = (Button) findViewById(R.id.buttonC);  
  29.           
  30.         buttonA.setOnClickListener(new OnClickListener()  
  31.         {  
  32.             @Override  
  33.             public void onClick(View v) {  
  34.                 // TODO Auto-generated method stub   
  35.                 animationIV.setImageResource(R.drawable.animation1);  
  36.                 animationDrawable = (AnimationDrawable) animationIV.getDrawable();  
  37.                 animationDrawable.start();  
  38.             }  
  39.               
  40.         });   
  41.           
  42.         buttonB.setOnClickListener(new OnClickListener()  
  43.         {  
  44.             @Override  
  45.             public void onClick(View v) {  
  46.                 // TODO Auto-generated method stub   
  47.                 animationDrawable = (AnimationDrawable) animationIV.getDrawable();  
  48.                 animationDrawable.stop();  
  49.             }  
  50.               
  51.         });  
  52.           
  53.         buttonC.setOnClickListener(new OnClickListener()  
  54.         {  
  55.             @Override  
  56.             public void onClick(View v) {  
  57.                 // TODO Auto-generated method stub   
  58.                 animationIV.setImageResource(R.drawable.animation2);  
  59.                 animationDrawable = (AnimationDrawable) animationIV.getDrawable();  
  60.                 animationDrawable.start();  
  61.             }             
  62.         });          
  63.     }  
  64. }  
相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程