android動畫 通過AnimationDrawable控制逐幀動畫

Android與逐幀動畫:

效果圖:

當我們點擊按鈕時,該圖片會不停的旋轉,當再次點擊按鈕時,會停止在當前的狀態。

 

activity代碼:

  1. package cn.com.chenzheng_java.animation;  
  2.   
  3. import android.app.Activity;  
  4. import android.graphics.drawable.AnimationDrawable;  
  5. import android.os.Bundle;  
  6. import android.view.View;  
  7. import android.widget.ImageView;  
  8. /** 
  9.  * @description android中的逐幀動畫. 
  10.  * 逐幀動畫的原理很簡單,跟電影的播放一樣,一張張類似的圖片不停的切換,當切換速度達到一定值時, 
  11.  * 我們的視覺就會出現殘影,殘影的出現保證了視覺上變化的連續性,這時候圖片的切換看在我們眼中就跟真實的一樣了。 
  12.  * 想使用逐幀動畫: 
  13.  * 第一步:需要在res/drawable文件夾下新建一個xml文件,該文件詳細定義了動畫播放時所用的圖片、切換每張圖片 
  14.  *        所用的時間、是否爲連續播放等等。(有些文章說,在res/anim文件夾下放置該文件,事實證明,會出錯哦) 
  15.  * 第二步:在代碼中,將該動畫布局文件,賦值給特定的圖片展示控件,如本例子中的ImageView。 
  16.  * 第三步:通過imageView.getBackGround()獲取相應的AnimationDrawable對象,然後通過該對象的方法進行控制動畫 
  17.  * @author chenzheng_java 
  18.  * 
  19.  */  
  20. public class Animation1Activity extends Activity {  
  21.     ImageView imageView ;  
  22.     @Override  
  23.     public void onCreate(Bundle savedInstanceState) {  
  24.         super.onCreate(savedInstanceState);  
  25.         setContentView(R.layout.animation1);  
  26.           
  27.         imageView = (ImageView) findViewById(R.id.imageView_animation1);  
  28.         imageView.setBackgroundResource(R.drawable.animation1_drawable);  
  29.           
  30.     }  
  31.       
  32.       
  33.     public void myClickHandler(View targetButton){  
  34.         // 獲取AnimationDrawable對象  
  35.         AnimationDrawable animationDrawable = (AnimationDrawable)imageView.getBackground();  
  36.           
  37.         // 動畫是否正在運行  
  38.         if(animationDrawable.isRunning()){  
  39.             //停止動畫播放  
  40.             animationDrawable.stop();  
  41.         }  
  42.         else{  
  43.             //開始或者繼續動畫播放  
  44.             animationDrawable.start();  
  45.         }  
  46.           
  47.           
  48.     }  
  49. }  
package cn.com.chenzheng_java.animation; import android.app.Activity; import android.graphics.drawable.AnimationDrawable; import android.os.Bundle; import android.view.View; import android.widget.ImageView; /** * @description android中的逐幀動畫. * 逐幀動畫的原理很簡單,跟電影的播放一樣,一張張類似的圖片不停的切換,當切換速度達到一定值時, * 我們的視覺就會出現殘影,殘影的出現保證了視覺上變化的連續性,這時候圖片的切換看在我們眼中就跟真實的一樣了。 * 想使用逐幀動畫: * 第一步:需要在res/drawable文件夾下新建一個xml文件,該文件詳細定義了動畫播放時所用的圖片、切換每張圖片 * 所用的時間、是否爲連續播放等等。(有些文章說,在res/anim文件夾下放置該文件,事實證明,會出錯哦) * 第二步:在代碼中,將該動畫布局文件,賦值給特定的圖片展示控件,如本例子中的ImageView。 * 第三步:通過imageView.getBackGround()獲取相應的AnimationDrawable對象,然後通過該對象的方法進行控制動畫 * @author chenzheng_java * */ public class Animation1Activity extends Activity { ImageView imageView ; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.animation1); imageView = (ImageView) findViewById(R.id.imageView_animation1); imageView.setBackgroundResource(R.drawable.animation1_drawable); } public void myClickHandler(View targetButton){ // 獲取AnimationDrawable對象 AnimationDrawable animationDrawable = (AnimationDrawable)imageView.getBackground(); // 動畫是否正在運行 if(animationDrawable.isRunning()){ //停止動畫播放 animationDrawable.stop(); } else{ //開始或者繼續動畫播放 animationDrawable.start(); } } }

 

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 version=”1.0” encoding=”utf-8”?> <LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android” android:layout_width=”match_parent” android:layout_height=”match_parent” android:orientation=”vertical”> <Button android:id=”@+id/button_animation1” android:text=”動畫開始” android:layout_gravity=”center_horizontal” android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:onClick=”myClickHandler”></Button> <ImageView android:id=”@+id/imageView_animation1” android:layout_width=”fill_parent” android:layout_height=”wrap_content” android:layout_weight=”1”></ImageView> </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>  
<?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=”false” > <item android:drawable=”@drawable/a1” android:duration=”50”></item> <item android:drawable=”@drawable/a2” android:duration=”50”></item> <item android:drawable=”@drawable/a3” android:duration=”50”></item> <item android:drawable=”@drawable/a4” android:duration=”50”></item> <item android:drawable=”@drawable/a5” android:duration=”50”></item> <item android:drawable=”@drawable/a6” android:duration=”50”></item> </animation-list>

除此之外:在AnimationDrawable中,我們還可以看到如下的幾個重要方法:

setOneShot(boolean flag) 和在配置文件中進行配置一樣,可以設置動畫是否播放一次,false爲連續播放;

addFrame (Drawable frame, int duration) 動態的添加一個圖片進入該動畫中

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章