android中的自定義動畫有兩種模式:tweened animation和frame by frame。這裡介紹一種通過xml實現tweened animation的方法。
tweened animation(漸變動畫),有四種動畫類型:alpha(透明度)、scale(尺寸伸縮)、translate(位置變換)和rotate(圖形旋轉)。
首先,建立一個叫Animation的項目,在res下新建一個anim的目錄,在目錄中新建一個動畫設置的xml文件myanim.xml,代碼如下:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<alpha
android:fromAlpha="0.1"
android:toAlpha="1.0"
android:duration="2000"
/> <!– 透明度的變換 –>
<!– fromAlpha屬性為動畫起始時透明度,toAlpha屬性為動畫結束時的透明度,
duration為動畫持續的時間 –>
<scale
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:fromXScale="0.0"
android:toXScale="1.4"
android:fromYScale="0.0"
android:toYScale="1.4"
android:pivotX="50%"
android:pivotY="50%"
android:fillAfter="false"
android:duration="3000"
/> <!– 尺寸的變換 –>
<!– interpolator指定一個動畫的插入器,fromXScale屬性為動畫起始時x坐標上的
伸縮尺寸,toCScale屬性為動畫結束時x坐標上的伸縮尺寸,fromYScale屬性為動畫
起始時y坐標上的伸縮尺寸,toYScale屬性為動畫結束時y坐標上的伸縮尺寸,pivotX
和pivotY設置動畫相對於自身的位置,fillAfter表示動畫的轉換在動畫結束後是否
被應用 –>
<translate
android:fromXDelta="30"
android:toXDelta="0"
android:fromYDelta="30"
android:toYDelta="50"
android:duration="3000"
/> <!– 位置的變換 –>
<!– fromXDelta屬性為動畫起始時x坐標上的位置,toXDelta屬性為動畫結束時x坐標
上的位置,fromYDelta屬性為動畫起始時y坐標上的位置,toYDelta屬性為動畫結束時y
坐標上的位置 –>
<rotate
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:fromDegrees="0"
android:toDegrees="+350"
android:pivotX="50%"
android:pivotY="50%"
android:duration="3000"
/> <!– 旋轉變換 –>
<!– interpolator同樣為一個動畫的插入器,fromDegrees屬性為動畫起始時物件
的角度,toDegrees屬性為動畫結束時物件旋轉的角度 –>
</set>
然後編寫佈局文件main.xml,代碼如下:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<ImageView
android:id="@+id/myImageView"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:src="@drawable/preview"
/>
</LinearLayout>
其中,preview是放入res/drawable-mdpi的一張圖片,我們以此圖片作為動畫演示。
最後,在MainActivity.java中編寫加載動畫的代碼:
package game.test;
import android.app.Activity;
import android.os.Bundle;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
public class MainActivity extends Activity {
Animation myAnimation;
ImageView myImageView;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
myAnimation=AnimationUtils.loadAnimation(this, R.anim.myanim);
myImageView=(ImageView)this.findViewById(R.id.myImageView);
myImageView.startAnimation(myAnimation);
}
}
作者 “Android學習心得”