【UX】Android动画 - Tween Animation

1. Scale Animation

在res/anim下面新建动画文件。注意，是ren/anim下面！popin.xml。

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator" >

    <scale
        android:duration="1000"
        android:fromXScale="0.0"
        android:fromYScale="0.0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="1.0"
        android:toYScale="1.0" />

</set>

    private OnClickListener mTweenOnClickListener = new OnClickListener() {
        
        @Override
        public void onClick(View arg0) {
            Animation anim = AnimationUtils.loadAnimation(getApplicationContext(), R.anim.popin);
            mImageView.startAnimation(anim);
        }
    };

以上的动画效果是，从图片的中心从0变大，直到变大到图片的本身大小，即 x和y都是100%。

注意，以上fillAfter="false"

看下面的动画。

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator"
    android:fillAfter="true"
     >

    <scale
        android:duration="1000"
        android:fromXScale="0.0"
        android:fromYScale="0.0"
        android:pivotX="95%"
        android:pivotY="100%"
        android:toXScale="1.5"
        android:toYScale="1.5" />

</set>

从右下角伸缩。伸缩到原图的1.5倍，注意，此时的fillAfter="true"，动画结束后，图片保持1.5倍不再改变。