歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
您现在的位置: Linux教程網 >> UnixLinux >  >> Linux編程 >> Linux編程

Android --- Tween動畫示例

1、在res/anim目錄下新建XML文件:tween_anim.xml

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <set xmlns:Android="http://schemas.android.com/apk/res/android">  
  3.     <alpha  
  4.         android:fromAlpha="0.2"  
  5.         android:toAlpha="1.0"  
  6.         android:duration="3000"  
  7.         android:repeatMode="reverse"  
  8.         android:repeatCount="10" />  
  9.     <scale  
  10.         android:fromXScale="0.2"  
  11.         android:toXScale="1.0"  
  12.         android:fromYScale="0.2"  
  13.         android:toYScale="1.0"  
  14.         android:pivotX="50%"  
  15.         android:pivotY="50%"  
  16.         android:duration="3000"  
  17.         android:repeatMode="reverse"  
  18.         android:repeatCount="10" />  
  19.     <translate  
  20.         android:fromXDelta="50"  
  21.         android:toXDelta="100"  
  22.         android:fromYDelta="50"  
  23.         android:toYDelta="100"  
  24.         android:duration="3000"  
  25.         android:repeatMode="restart"  
  26.         android:repeatCount="10" />  
  27.     <rotate  
  28.         android:fromDegrees="0"  
  29.         android:toDegrees="360"  
  30.         android:duration="3000"  
  31.         android:repeatMode="restart"  
  32.         android:repeatCount="10" />  
  33. </set>  
2、在res/layout目錄下新建XML文件:tween_anim_layout.xml
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout  
  3.     xmlns:android="http://schemas.android.com/apk/res/android"  
  4.     android:orientation="vertical"  
  5.     android:layout_width="match_parent"  
  6.     android:layout_height="match_parent">  
  7.     <ImageView  
  8.         android:id="@+id/imgTween"  
  9.         android:src="@drawable/c01"  
  10.         android:layout_height="wrap_content"  
  11.         android:layout_width="wrap_content"  
  12.         android:layout_weight="1.0" />  
  13.     <Button  
  14.         android:id="@+id/btnControl"  
  15.         android:text="開始"  
  16.         android:layout_width="match_parent"  
  17.         android:layout_height="wrap_content" />  
  18.   
  19. </LinearLayout>  
3、Activity裡面添加代碼:
  1. package com.bison;  
  2.   
  3. import android.app.Activity;  
  4. import android.os.Bundle;  
  5. import android.view.View;  
  6. import android.view.View.OnClickListener;  
  7. import android.view.animation.Animation;  
  8. import android.view.animation.AnimationUtils;  
  9. import android.widget.Button;  
  10. import android.widget.ImageView;  
  11.   
  12. public class TweenAnimationDemo extends Activity {  
  13.     // 聲明一個開始停止的標識符   
  14.     private boolean flags = true;  
  15.     private ImageView imgTween;  
  16.     private Button btnCtrl;  
  17.   
  18.     /** 初始化 */  
  19.     public void init() {  
  20.         imgTween = (ImageView) findViewById(R.id.imgTween);  
  21.         // 聲明Tween動畫   
  22.         final Animation anim = AnimationUtils.loadAnimation(this,  
  23.                 R.anim.tween_anim);  
  24.   
  25.         btnCtrl = (Button) findViewById(R.id.btnControl);  
  26.         btnCtrl.setOnClickListener(new OnClickListener() {  
  27.   
  28.             public void onClick(View v) {  
  29.                 if (flags) {  
  30.                     btnCtrl.setText("停止");  
  31.                     imgTween.startAnimation(anim);  
  32.                     flags = false;  
  33.                 } else {  
  34.                     btnCtrl.setText("開始");  
  35.                     imgTween.clearAnimation();  
  36.                     flags = true;  
  37.                 }  
  38.   
  39.             }  
  40.         });  
  41.   
  42.     }  
  43.   
  44.     @Override  
  45.     protected void onCreate(Bundle savedInstanceState) {  
  46.         super.onCreate(savedInstanceState);  
  47.         setContentView(R.layout.tween_anim_layout);  
  48.         init();  
  49.     }  
  50. }  
PS:Tween動畫有alpha(透明)、scale(縮放)、translate(移動)、rotate(旋轉),每個有不同的定義,仔細研究。
Copyright © Linux教程網 All Rights Reserved