Android开发网

首页|Android开发环境|Android开发教程|Android开发视频|Android游戏开发|Android开发实例|Android开发书籍|鸡啄米博客

Android游戏开发教程之十八：AnimationDrawble动画

Android游戏开发教程之十八：AnimationDrawble动画

　　Android开发中在制作2D帧动画中提供了使用XML配置动画文件的方式绘制，也就是说Android底层提供了动画播放的接口，那么我们分析一下如何调用它的接口来绘制动画。首先在工程res资源文件夹下创建anim动画文件夹，在这个文件夹中建立一个animation.xml文件， 这样它的路径就为re/anim/animation.xml。

　　看看内容应该是很好理解的，<animation-list>为动画的总标签，这里面放着帧动画 <item>标签，也就是说若干<item>标签的帧 组合在一起就是帧动画了。<animation-list > 标签中android:oneshot=”false” 这是一个非常重要的属性，默认为false 表示 动画循环播放， 如果这里写true 则表示动画只播发一次。 <item>标签中记录着每一帧的信息android:drawable=”@drawable/a”表示这一帧用的图片为”a”，下面以此类推。  android:duration=”100″ 表示这一帧持续100毫秒，可以根据这个值来调节动画播放的速度。

XML/HTML代码
  1. <animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false">  
  2.   <item android:drawable="@drawable/a" android:duration="100" />  
  3.   <item android:drawable="@drawable/b" android:duration="100" />  
  4.   <item android:drawable="@drawable/c" android:duration="100" />  
  5.   <item android:drawable="@drawable/d" android:duration="100" />  
  6.   <item android:drawable="@drawable/e" android:duration="100" />  
  7.   <item android:drawable="@drawable/f" android:duration="100" />  
  8.   <item android:drawable="@drawable/g" android:duration="100" />  
  9.   <item android:drawable="@drawable/h" android:duration="100" />  
  10.   <item android:drawable="@drawable/i" android:duration="100" />  
  11.   <item android:drawable="@drawable/j" android:duration="100" />  
  12.   </animation-list>  

　　下面这个例子的内容为 播放动画 与关闭动画 、设置播放类型 单次还是循环、拖动进度条修改动画的透明度，废话不多说直接进正题~~

Android游戏开发教程之十八：AnimationDrawble动画

XML/HTML代码
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:orientation="vertical"  
  4.     android:layout_width="fill_parent"  
  5.     android:layout_height="fill_parent"  
  6.     >  
  7. <LinearLayout  
  8.     android:orientation="horizontal"  
  9.     android:layout_width="wrap_content"  
  10.     android:layout_height="wrap_content"  
  11.     >  
  12.  <Button  
  13.    android:id="@+id/button0"  
  14.    android:layout_width="wrap_content"  
  15.    android:layout_height="wrap_content"  
  16.    android:text="播放动画"  
  17.  />  
  18.    
  19.   <Button  
  20.    android:id="@+id/button1"  
  21.    android:layout_width="wrap_content"  
  22.    android:layout_height="wrap_content"  
  23.    android:text="停止动画"  
  24.  />  
  25.  </LinearLayout>  
  26.    
  27.  <RadioGroup android:id="@+id/radiogroup"  
  28.      android:layout_width="wrap_content"  
  29.      android:layout_height="wrap_content"  
  30.      android:orientation="horizontal">  
  31.    <RadioButton  
  32.      android:id="@+id/checkbox0"  
  33.      android:layout_width="wrap_content"  
  34.      android:layout_height="wrap_content"  
  35.      android:checked="true"  
  36.      android:text="单次播放"  
  37.    />  
  38.   <RadioButton  
  39.     android:id="@+id/checkbox1"  
  40.     android:layout_width="wrap_content"  
  41.     android:layout_height="wrap_content"  
  42.     android:text="循环播放"  
  43.    />  
  44.    </RadioGroup>  
  45.    
  46.     <TextView  
  47.     android:layout_width="wrap_content"  
  48.     android:layout_height="wrap_content"  
  49.     android:text="拖动进度条修改透明度(0 - 255)之间"  
  50.     />  
  51.   <SeekBar  
  52.     android:id="@+id/seekBar"  
  53.     android:layout_width="fill_parent"  
  54.     android:layout_height="wrap_content"  
  55.     android:max="256"  
  56.     android:progress="256"/>  
  57.   <ImageView  
  58.    android:id="@+id/imageView"  
  59.    android:background="@anim/animation"  
  60.    android:layout_width="wrap_content"  
  61.    android:layout_height="wrap_content"  
  62.  />  
  63. </LinearLayout>  

　　这是一个比较简单的布局文件，应该都能看懂吧。  我主要说一下 最后的这个 ImageView， 它就是用来显示我们的动画。 这里使用android:background=”@anim/animation”设置这个ImageView现实的背景为一个动画，动画资源的路径为res/anim/animation.xml   ，当然 设置background同样也可以在代码中设置。

Java代码
  1. imageView.setBackgroundResource(R.anim.animation);  

　　通过getBackground方法就可以拿到这个animationDrawable对象。

Java代码
  1. /**拿到ImageView对象**/  
  2. imageView = (ImageView)findViewById(R.id.imageView);  
  3. /**通过ImageView对象拿到背景显示的AnimationDrawable**/  
  4. animationDrawable = (AnimationDrawable) imageView.getBackground();

　　AnimationDrawable 就是用来控制这个帧动画，这个类中提供了很多方法。

　　animationDrawable.start(); 开始这个动画

　　animationDrawable.stop(); 结束这个动画

　　animationDrawable.setAlpha(100);设置动画的透明度, 取值范围(0 – 255)

　　animationDrawable.setOneShot(true); 设置单次播放

　　animationDrawable.setOneShot(false); 设置循环播放

　　animationDrawable.isRunning(); 判断动画是否正在播放

　　animationDrawable.getNumberOfFrames(); 得到动画的帧数。

　　将这个例子的完整代码贴上

Java代码
  1. import android.app.Activity;  
  2. import android.graphics.drawable.AnimationDrawable;  
  3. import android.os.Bundle;  
  4. import android.util.Log;  
  5. import android.view.View;  
  6. import android.view.View.OnClickListener;  
  7. import android.widget.Button;  
  8. import android.widget.ImageView;  
  9. import android.widget.RadioButton;  
  10. import android.widget.RadioGroup;  
  11. import android.widget.SeekBar;  
  12. import android.widget.SeekBar.OnSeekBarChangeListener;  
  13.    
  14. public class SimpleActivity extends Activity {  
  15.    
  16.     /**播放动画按钮**/  
  17.     Button button0 = null;  
  18.    
  19.     /**停止动画按钮**/  
  20.     Button button1 = null;  
  21.    
  22.     /**设置动画循环选择框**/  
  23.     RadioButton radioButton0= null;  
  24.     RadioButton radioButton1= null;  
  25.     RadioGroup  radioGroup = null;  
  26.    
  27.     /**拖动图片修改Alpha值**/  
  28.     SeekBar seekbar = null;  
  29.    
  30.     /**绘制动画View**/  
  31.     ImageView imageView = null;  
  32.    
  33.     /**绘制动画对象**/  
  34.     AnimationDrawable animationDrawable = null;  
  35.     @Override  
  36.     public void onCreate(Bundle savedInstanceState) {  
  37.     super.onCreate(savedInstanceState);  
  38.     setContentView(R.layout.simple);  
  39.    
  40.     /**拿到ImageView对象**/  
  41.     imageView = (ImageView)findViewById(R.id.imageView);  
  42.     /**通过ImageView对象拿到背景显示的AnimationDrawable**/  
  43.     animationDrawable = (AnimationDrawable) imageView.getBackground();  
  44.    
  45.     /**开始播放动画**/  
  46.     button0 = (Button)findViewById(R.id.button0);  
  47.     button0.setOnClickListener(new OnClickListener() {  
  48.    
  49.         @Override  
  50.         public void onClick(View arg0) {  
  51.         /**播放动画**/  
  52.         if(!animationDrawable.isRunning()) {  
  53.             animationDrawable.start();  
  54.         }  
  55.         }  
  56.     });  
  57.    
  58.     /**停止播放动画**/  
  59.     button1 = (Button)findViewById(R.id.button1);  
  60.     button1.setOnClickListener(new OnClickListener() {  
  61.    
  62.         @Override  
  63.         public void onClick(View arg0) {  
  64.         /**停止动画**/  
  65.         if(animationDrawable.isRunning()) {  
  66.             animationDrawable.stop();  
  67.         }  
  68.         }  
  69.     });  
  70.     /**单次播放**/  
  71.     radioButton0 = (RadioButton)findViewById(R.id.checkbox0);  
  72.     /**循环播放**/  
  73.     radioButton1 = (RadioButton)findViewById(R.id.checkbox1);  
  74.     /**单选列表组**/  
  75.     radioGroup = (RadioGroup)findViewById(R.id.radiogroup);  
  76.     radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {  
  77.    
  78.         @Override  
  79.         public void onCheckedChanged(RadioGroup radioGroup, int checkID) {  
  80.         if(checkID == radioButton0.getId()) {  
  81.             //设置单次播放  
  82.             animationDrawable.setOneShot(true);  
  83.         }else if (checkID == radioButton1.getId()) {  
  84.             //设置循环播放  
  85.             animationDrawable.setOneShot(false);  
  86.         }  
  87.    
  88.         //发生改变后让动画重新播放  
  89.         animationDrawable.stop();  
  90.         animationDrawable.start();  
  91.         }  
  92.     });  
  93.    
  94.     /**监听的进度条修改透明度**/  
  95.     seekbar = (SeekBar)findViewById(R.id.seekBar);  
  96.     seekbar.setOnSeekBarChangeListener(new OnSeekBarChangeListener() {  
  97.         @Override  
  98.         public void onStopTrackingTouch(SeekBar seekBar) {  
  99.    
  100.         }  
  101.         @Override  
  102.         public void onStartTrackingTouch(SeekBar seekBar) {  
  103.    
  104.         }  
  105.         @Override  
  106.         public void onProgressChanged(SeekBar seekBar, int progress, boolean frameTouch) {  
  107.         /**设置动画Alpha值**/  
  108.         animationDrawable.setAlpha(progress);  
  109.         /**通知imageView 刷新屏幕**/  
  110.         imageView.postInvalidate();  
  111.         }  
  112.     });  
  113.    
  114.     }  
  115. }  

　　拖动进度条设置Alpha值的时候 一定要使用     imageView.postInvalidate(); 方法来通知UI线程重绘屏幕中的imageView  否则会看不到透明的效果 。这里切记切记~~

Android游戏开发教程之十八：AnimationDrawble动画

　　下载地址：http://vdisk.weibo.com/s/aalv0

Tags:动画 | 2016/5/16 | 发表评论

相关文章: