若您覺得文章寫得不錯,請點選文章上的廣告,來支持小編,謝謝。
在Android中若要做動畫有幾種方式:
1. 自己寫程式
2. 用Android內建的,例如:Drawable Animation、Tween Animation、Property Animation等。
此文會以參考資料[1]修改成使用Property Animatin來說明,在Eclipse的Tween Animation(下圖)分為alpha(透明)、rotate(旋轉)、scale(縮放)、set(集合)、translate(平移)等五種。
Alpha 的XML如下:
<alpha
android:fromAlpha="0"
android:toAlpha="1"
android:duration="2000">
</alpha>
Rotate的XML如下:
<rotatexmlns:android="http://schemas.android.com/apk/res/android"
android:fromDegrees="0"
android:toDegrees="360"
android:pivotX="50%"
android:pivotY="50%"
android:duration="5000">
</rotate>
Scale的XML如下:
<scale
android:fromXScale="0.5"
android:toXScale="3.0"
android:fromYScale="0.5"
android:toYScale="3.0"
android:duration="5000"
android:pivotX="50%"
android:pivotY="50%">
</scale>
Translate的XML如下:
<translate
android:fromXDelta="0%p"
android:toXDelta="75%p"
android:duration="800"/>
以上的XML可作用於View的物件上,語法如下:
ImageView image = (ImageView)findViewById(R.id.imageView);
Animation animation= AnimationUtils.loadAnimation(getApplicationContext(), R.anim.clockwise);
image.startAnimation(animation);
那換成Property Animation的話,又會是如何呢?先看XML長什麼樣子,
Alpha:
<objectAnimator
android:duration="600"
android:propertyName="alpha"
android:repeatCount="3"
android:valueFrom="0"
android:valueTo="1.0"
android:valueType="floatType"/>
Rotate:
<objectAnimator
android:duration="3000"
android:propertyName="rotation"
android:repeatCount="1"
android:repeatMode="reverse"
android:valueFrom="0"
android:valueTo="360"
android:valueType="floatType"/>
Scale:
<objectAnimator
android:duration="1000"
android:propertyName="scaleX"
android:valueFrom="3.0"
android:valueTo="1"/>
Translate:
<objectAnimator
android:duration="800"
android:propertyName="X"
android:repeatCount="1"
android:valueFrom="0"
android:valueTo="400"
android:valueType="floatType"/>
以上的XML可作用於含有相對應Getter/Setter的View物件上,語法如下:
View image = findViewById(R.id.imageView);
Animator anim= AnimatorInflater.loadAnimator(this, R.animator.fade);
anim.setTarget(image);
anim.start();
參考資料: