Android 缩放动画 ScaleAnimation的使用小结_Android

什么是scaleanimation

scaleanimation即缩放动画，应用场景特别多，比如常见的隐藏菜单点击显示

下面我分两种方式来介绍scaleanimation如何使用。

1. xml文件形式

文件名：anim_scale_in.xml
效果：呈现view放大显示效果
源码：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:interpolator="@android:anim/decelerate_interpolator"
        android:duration="1000"
        android:fillafter="true"
        android:fromxscale="0.0"
        android:fromyscale="0.0"
        android:pivotx="50%"
        android:pivoty="50%"
        android:toxscale="1.0"
        android:toyscale="1.0" />
</set>

属性解释：
interpolator：动画插入器，该功能在xml里设置貌似无效，需在代码中加
fromxscale:从自身x轴长度多少倍开始缩放，如：fromxscale= 0.5表示从自身x轴长度0.5倍开始缩放
toxscale:缩放到自身x轴长度多少倍结束,如：toxscale = 2.0表示x轴缩放到自身x轴长度2倍结束
上面两条意思就是：该view的x轴从自身x轴长度的0.5倍开始缩放到自身x轴长度的2倍结束
fromyscale：从自身y轴长度多少倍开始缩放，如：fromyscale= 0.5表示从自身y轴长度0.5倍开始缩放
toyscale：缩放到自身y轴长度多少倍结束,如：toyscale = 2.0表示x轴缩放到自身y轴长度2倍结束
pivotx:动画相对于控件x坐标的开始位置
pivoty:动画相对于控件y坐标的开始位置
如：pivotx = 50%,pivoty = 50% 表示从该控件的中心开始缩放

   //表示控件左下角开始
   android:pivotx="0"
   android:pivoty="100%"
   //表示控件左上角开始
   android:pivotx="0"
   android:pivoty="0"
   //表示控件右下角开始
    android:pivotx="100%"
    android:pivoty="100%"
   //表示控件右上角开始
   android:pivotx="100%"
   android:pivoty="0"

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:interpolator="@android:anim/accelerate_interpolator"
        android:duration="1000"
        android:fillafter="true"
        android:fromxscale="1.0"
        android:fromyscale="1.0"
        android:pivotx="50%"
        android:pivoty="50%"
        android:toxscale="0"
        android:toyscale="0" />
</set>

ok，现在有了xml布局文件，我们需要用java代码让他工作起来，如下;

 /**
     * 缩放变大动画
     *
     * @param context
     * @param view 目标view
     */
    public static void startscaleinanim(context context, view view) {
        animation animation = animationutils.loadanimation(context, r.anim.anim_scale_in);
        if (view != null)
            view.startanimation(animation);
    }
    /**
     * 缩放缩小动画
     *
     * @param context
     * @param view 目标view
     */
    public static void startscaleoutanim(context context, view view) {
        animation animation = animationutils.loadanimation(context, r.anim.anim_scale_out);
        if (view != null)
            view.startanimation(animation);
    }

我单独封装在一个动画工具类中，哪里需要就哪里调用。

下面看看代码的执行效果：

缩放同时还可以添加透明度变化，如下：

放大+淡入：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:interpolator="@android:anim/decelerate_interpolator"
        android:duration="1000"
        android:fillafter="true"
        android:fillenabled="true"
        android:fromxscale="0"
        android:fromyscale="0"
        android:pivotx="50%"
        android:pivoty="50%"
        android:toxscale="1.0"
        android:toyscale="1.0" />
    <!--同时配置淡入功能-->
    <alpha
        android:duration="700"
        android:fillafter="true"
        android:fromalpha="0"
        android:toalpha="1" />
</set>

缩小+淡出

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:interpolator="@android:anim/accelerate_interpolator"
        android:duration="1000"
        android:fillafter="true"
        android:fromxscale="1.0"
        android:fromyscale="1.0"
        android:pivotx="50%"
        android:pivoty="50%"
        android:toxscale="0"
        android:toyscale="0" />
    <!--同时配置淡出功能-->
    <alpha
        android:duration="700"
        android:fillafter="true"
        android:fromalpha="1"
        android:toalpha="0" />
</set>

效果如下：

下拉菜单显示与收回，效果：

显示：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:interpolator="@android:anim/decelerate_interpolator"
        android:duration="300"
        android:fillafter="true"
        android:fillenabled="true"
        android:fromxscale="1.0"
        android:fromyscale="0"
        android:pivotx="100%"
        android:pivoty="0"
        android:toxscale="1.0"
        android:toyscale="1.0" />
    <!--同时配置淡入功能-->
    <alpha
        android:duration="300"
        android:fillafter="true"
        android:fromalpha="0"
        android:toalpha="1" />
</set>

收起：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:interpolator="@android:anim/accelerate_interpolator"
        android:duration="300"
        android:fillafter="true"
        android:fromxscale="1.0"
        android:fromyscale="1.0"
        android:pivotx="100%"
        android:pivoty="0"
        android:toxscale="1.0"
        android:toyscale="0" />
    <!--同时配置淡出功能-->
    <alpha
        android:duration="300"
        android:fillafter="true"
        android:fromalpha="1"
        android:toalpha="0" />
</set>

效果：

缩放下拉与收回效果：

显示：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:interpolator="@android:anim/decelerate_interpolator"
        android:duration="200"
        android:fillafter="true"
        android:fillenabled="true"
        android:fromxscale="0"
        android:fromyscale="0"
        android:pivotx="100%"
        android:pivoty="0"
        android:toxscale="1.0"
        android:toyscale="1.0" />
    <!--同时配置淡入功能-->
    <alpha
        android:duration="200"
        android:fillafter="true"
        android:fromalpha="0"
        android:toalpha="1" />
</set>

收起：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:interpolator="@android:anim/accelerate_interpolator"
        android:duration="200"
        android:fillafter="true"
        android:fromxscale="1.0"
        android:fromyscale="1.0"
        android:pivotx="100%"
        android:pivoty="0"
        android:toxscale="0"
        android:toyscale="0" />
    <!--同时配置淡出功能-->
    <alpha
        android:duration="200"
        android:fillafter="true"
        android:fromalpha="1"
        android:toalpha="0" />
</set>

效果：

类似游戏按钮的按下放大再还原效果：

  public static void animscalein(view view){
        //缩放动画
        scaleanimation animation = new scaleanimation(1,1.2f,1,1.2f,animation.relative_to_self,0.5f,animation.relative_to_self,0.5f);
        animation.setduration(100);
        animation.setfillafter(true);
        animation.setrepeatmode(animation.reverse);
        animation.setrepeatcount(1);
        //透明度动画
        alphaanimation animation1 = new alphaanimation(1,0.8f);
        animation1.setduration(100);
        animation1.setrepeatcount(1);
        animation1.setrepeatmode(animation.reverse);
        animation1.setfillafter(true);
        //装入animationset中
        animationset set = new animationset(true);
        set.addanimation(animation);
        set.addanimation(animation1);
        if (view != null)
        view.startanimation(set);
    }

效果如下：