Android圖片放大再還原的動畫

本例實現一個圖片點擊之後先放大再縮小的動畫效果

首先：圖片的XML

    <ImageView
        android:layout_gravity="center_horizontal"
        android:scaleType="center"
        android:id="@+id/red_pic"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:src="@mipmap/red"/>

接下來：動畫效果文件，放置在res/anim/下

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="false">
    <!--fillBefore是指動畫結束時畫面停留在此動畫的第一幀;-->
    <!--fillAfter是指動畫結束是畫面停留在此動畫的最後一幀。-->

    <!--
        fromXDelta,fromYDelta   起始時X，Y座標,屏幕右下角的座標是X:320,Y:480
        toXDelta， toYDelta     動畫結束時X,Y的座標
        interpolator            指定動畫插入器,常見的有
                                加速減速插入器         accelerate_decelerate_interpolator
                                加速插入器             accelerate_interpolator，
                                減速插入器             decelerate_interpolator。
        fromXScale,fromYScale， 動畫開始前X,Y的縮放，0.0爲不顯示，  1.0爲正常大小
        toXScale，toYScale，    動畫最終縮放的倍數， 1.0爲正常大小，大於1.0放大
        pivotX，  pivotY        動畫起始位置，相對於屏幕的百分比,兩個都爲50%表示動畫從屏幕中間開始
        startOffset，           動畫多次執行的間隔時間，如果只執行一次，執行前會暫停這段時間，單位毫秒
        duration，              一次動畫效果消耗的時間，單位毫秒，值越小動畫速度越快
        repeatCount，           動畫重複的計數，動畫將會執行該值+1次
        repeatMode，            動畫重複的模式，reverse爲反向，當第偶次執行時，動畫方向會相反。restart爲重新執行，方向不變
        -->

    <!--先放大-->
    <scale
        android:duration="300"
        android:fromXScale="1"
        android:fromYScale="1"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="2"
        android:toYScale="2" />
    <!--然後縮小-->
    <scale
        android:duration="300"
        android:fromXScale="1"
        android:fromYScale="1"
        android:pivotX="50%"
        android:pivotY="50%"
        android:startOffset="300"
        android:toXScale="0.5"
        android:toYScale="0.5" />
</set>

初始化動畫對象，並加載我們在之前動畫資源當中的預設

Animation animation;
animation= AnimationUtils.loadAnimation(this,R.anim.anim_small);

圖片的點擊事件當中開始動畫

redPic.startAnimation(animation);