缩放动画 ScaleAnimation 总结

最近用到了ScaleAnimation来实现图片放大需求，今天就把使用过程中学习的一些东西总结记录一下，希望能对大家有所帮助。

- ScaleAnimation是 Android官方提供的动画类Animation的子类

Animation类是一个抽象类，我们通常会使用它的四个子类AlphaAnimation、RotateAnimation、ScaleAnimation和TranslateAnimation，他们分别可以实现渐变动画、旋转动画、平移动画、缩放动画 功能，当然我们今天的主角就是缩放动画 ScaleAnimation。

Android中的坐标

要用到ScaleAnimation，我们最好先了解Android的坐标，当然这并不是我们这篇文章的重点，所以我就在这里放一篇我学习坐标时看的博客，供大家参考一下，不具体展开讲解了，想要深入了解的朋友可以去找找别的相关博客。

https://blog.csdn.net/lvxiangan/article/details/19971509

ScaleAnimation的属性

我们先从源码来看看ScaleAnimation的诸多属性，mFromX、mToX、mFromY、mToY和mPivotXType、mPivotXValue、mPivotYType、mPivotYValue这八个属性可以通过XML或代码调用构造方法来注入。

public class ScaleAnimation extends Animation {
    private float mFromX;   //动画开始前X坐标比例
    private float mToX;		//动画开始后X坐标比例
    private float mFromY;	//动画开始前Y坐标比例
    private float mToY;		//动画开始后Y坐标比例
    
    //动画开始前X坐标类型
    private int mFromXType = TypedValue.TYPE_NULL;
    //动画开始后X坐标类型
    private int mToXType = TypedValue.TYPE_NULL;
    //动画开始前Y坐标类型
    private int mFromYType = TypedValue.TYPE_NULL;
    //动画开始后Y坐标类型
    private int mToYType = TypedValue.TYPE_NULL;
 
 	
    private int mPivotXType = ABSOLUTE; //缩放中心点的X坐标类型
    private int mPivotYType = ABSOLUTE;	//缩放中心点的Y坐标类型
    private float mPivotXValue = 0.0f;	//缩放中心点的X坐标比例
    private float mPivotYValue = 0.0f;	//缩放中心点的Y坐标比例
    private float mPivotX;	
    private float mPivotY;
}

• 接下来，我们尝试一下XML方式的属性注入

<?xml version="1.0" encoding="utf-8"?>  
<scale xmlns:android="http://schemas.android.com/apk/res/android"  
    android:fromXScale="1.0"  	//起始x尺寸比例，示例为1.0即原比例放大  
    android:toXScale="1.4"		//最终x尺寸比例，示例为1.4即放大为原来的1.4倍
    android:fromYScale="1.0"	//起始y尺寸比例，，示例为1.0即原比例放大
    android:toYScale="1.4"		//最终y尺寸比例，示例为1.4即放大为原来的1.4倍
    
    android:pivotX="50%"		//缩放起点x轴坐标
    android:pivotY="50%"        //缩放起点Y轴坐标
    android:duration="700"     	//动画持续时间，单位是毫秒，示例为动画持续700ms
    android:fillAfter="true"  	//动画结束后，保持结束时的状态
    android:fillBefore="true"  //用于确定动画开始时，View的动画属性值；
    android:fillEnabled="true"	//用来控制fillBefore属性是否有效
    android:repeatCount="5"		//重复次数,取值为-1时无限重复，默认动画执行一次
    android:repeatMode ="reverse"//重复模式，有reverse和restart两个值，前者为倒序回放，后者为重新开始        
    />

对代码中比较复杂的几个属性，再详细讲一下：

• pivotX：取值可以是数值（50）、百分数（50%）、百分数p（50%p），当取值为数值时，缩放起点为View左上角坐标加具体数值像素；当取值为百分数时，表示在当前View左上角坐标，加上View宽度的具体百分比；当取值为百分数p时，表示在View左上角坐标加上父控件宽度的具体百分比。

• pivotY：用法与pivotX相同。

• fillBefore：代码注释中所说的动画开始不是指的调startAnimation方法，而是界面中动画真正开始动的时候。从调用startAnimation到动画真正开始，中间有一个startOffset阶段，若fillBefore为true，则在startOffset阶段时，将动画属性设置为初始值，为false，则为View本身的初始值。

• fillEnabled：用来控制fillBefore属性是否有效，若为true，则fillBefore生效；若为false则不管设置fillBefore为true还是false，都不起作用。但是，划重点了,当fillEnabled为false时，我们假设fillBefore为true。也就是说，当 fillEnabled为false时，不管fillBefore是什么值，在startOffset阶段都将初始值设置为动画属性的初始值。

在使用代码调用构造方法来实现属性注入的方式时，ScaleAnimation给出了两种传参个数不同的构造方法，我们来一个一个介绍。

• 首先是传入参数较多的那个，传入了八个参数，fromX、toX、fromY、toY和pivotXType、pivotXValue、pivotYType、pivotYValue。

  虽然这些参数上文已经有过说明，为了阅读方便，再次介绍一下。

  • fromX：动画开始前X坐标比例
  • toX：动画开始后X坐标的比例
  • fromY：动画开始前Y坐标的比例
  • toY：动画开始后Y坐标的比例
  • pivotXType：缩放中心点的X坐标类型
  • pivotXValue：缩放中心点的X坐标比例
  • pivotYType：缩放中心点的Y坐标类型
  • pivotYValue：缩放中心点的Y坐标比例

public class Test{
	private void test(){
		....
		//示例传参实现的是，以控件中心为缩放点，从原图即1.0倍放大到1.4倍
		ScaleAnimation animation = new ScaleAnimation(1.0F, 1.4F, 1.0F, 1.4F, 1, 0.5F, 1, 0.5F);
	}
}

• 接下来实现的是传入参数较少的构造方法，传入六个参数，fromX、toX、fromY、toY和pivotX、pivotY，关于参数已介绍多次，不再赘述。

public class Test{
	private void test(){
		....
		//示例传参实现的是，以控件中心为缩放点，从1.0倍缩小到0.5倍，即原图的二分之一，不设置缩放点类型，默认坐标原点以控件为准
		ScaleAnimation animation = new ScaleAnimation(1.0F, 0.5F, 1.0F, 0.5F, 0.5F, 0.5F);
	}
}

ScaleAnimation的实际使用

上面给出的例子只是完成了属性的注入，真正要使用ScaleAnimation，我们还需要设置一些参数，且XML方式中，我们还没有进行对象的实例化，下面就来具体操作一下吧。

• 在XML中，我们已经完成了所需要的全部属性设定，所以在代码中我们只要传入我们创建的XML文件来实例化对象之后，就可以启动动画啦。

public class Test{
	private void test(){
	....
	//注意这里传入的的两个参数，要根据自己的类名和文件名切换
	ScaleAnimation animation = AnimationUtils.loadAnimation(AnimDemoActivity.this,R.anim.scale;
	//让执行动画的view对象调用启动方法
	view.startAnimation(scaleAnimation);
	}

• 重载的两种不同构造方法并不会影响我们之后的代码书写，所以只给出一份代码示例，请注意，构造对象时传入的参数并不是我们能设置的全部属性，可以对比一下前面的XML文件内容。

public class Test{
	private void test(){
		....
		//这里是上文用过的实例化对象示例，不再介绍
		ScaleAnimation animation = new ScaleAnimation(1.0F, 1.4F, 1.0F, 1.4F, 1, 0.5F, 1, 0.5F);
		
		animation.setDuration(200);		//动画持续时间，单位是毫秒，示例为动画持续200ms
		animation.setFillAfter(true);	//动画结束后，保持结束时的状态
		animation.setFillBefore(true);	//用于确定动画开始时，View的动画属性值；
        animation.setFillEnabled(true);	//用来控制fillBefore属性是否有效
        animation.setRepeatCount(1);	//重复次数,取值为-1时无限重复，默认动画执行一次
        animation.setRepeatMode(Animation.REVERSE);	//重复模式，有reverse和restart两个值，前者为倒序回放，后者为重新开始
        
        //让执行动画的view对象调用启动方法
        view.startAnimation(scaleAnimation);
	}
}

其实除了上文代码和XML文件中设置的属性之外，ScaleAnimation还提供了一些别的可以功能属性，比如setStartTime() 方法，设置启动的时间，传入一个Long类型的参数，因为博主我也没有用过，想要了解的读者就自己去源码或者别的博客里看吧。

Animation与Animator

因为在选择实现方式时也曾了解过Animator的用法，感觉挺有趣的，所以最后的最后，我们再来看一下这个已经不算新来的新伙计，当然主要还是聊下他与Animation的不同啦，具体的介绍那可说来话长，就不说了。

1. Animation是Android发行之时就存在的动画框架，而animator是在之后的版本才新加入的，在兼容性上，Animation肯定是优于后来者的。
2. Animation动画并不实际改变view的坐标值，只是在视图上实现动画，而Animator则会改变view的坐标值，这点我深有体会，在实现图片放大需求时，我有试过监听Animation动画实现前后view的坐标值，然后发现view的坐标值并不会发生变化，同时放大的图片还覆盖了下方的文字，而文字在layout的布局设置了相对图片的below属性。
3. Animation只能对view执行动画，而Animator功能更加强大，他不仅可以针对 view执行动画, 还可以对所有的 Object 执行动画。

当然在具体选择使用Animation还是Animator时就要考虑实际需求来决定啦，功能强大的兼容性和执行效率上不一定好，Animation和Animator各有其天地。