动画 -- View动画 -- 缩放动画

一、概念

缩放动画，子类：ScaleAnimation，标签：<scale>
它可以使View具有放大或者缩小的动画效果。

二、实现

1. XML实现
<scale>标签常用属性如下：
android:fromXScale：起始的x方向上相对自身的缩放比例，浮点值，比如1.0表示起始时自身无变化，0.5表示缩小一倍，2.0表示放大一倍；
android:toXScale：结尾的x方向上相对自身的缩放比例，浮点值；
android:fromYScale：起始的y方向上相对自身的缩放比例，浮点值；
android:toYScale：结尾的y方向上相对自身的缩放比例，浮点值；
android:pivotX：缩放起点x轴坐标，可以是数值、百分数、百分数p 三种样式，比如 50、50%、50%p，
50，表示在当前View的左上角x轴坐标加上50px做为起始点x轴坐标；
50%，表示在当前View的左上角x轴坐标加上自己宽度的50%做为起始点x轴坐标；
50%p，表示在当前View的左上角x轴坐标加上父控件宽度的50%做为起始点x轴坐标。
android:pivotY：缩放起点y轴坐标，取值及意义跟android:pivotX一样。

//res/anim/scale_animation.xml
<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true"
    android:fromXScale="0"
    android:fromYScale="0"
    android:toXScale="1"
    android:toYScale="1"
    android:pivotX="150%"
    android:pivotY="150%"
    android:duration="3000"
    android:repeatCount="2"
    />

//布局
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="500px"
    android:layout_height="500px"
    android:layout_marginLeft="100px"
    android:background="@color/colorAccent">
    <TextView
        android:id="@+id/animate_tv"
        android:layout_width="wrap_content"
        android:layout_height="200px"
        android:gravity="center"
        android:layout_centerInParent="true"
        android:textColor="@color/colorAccent"
        android:text="Hello Android!"
        android:background="@color/colorPrimaryDark"/>
</RelativeLayout>

//代码，MainActivity
private void scaleAnimationXML() {
    Animation scaleAnimation = AnimationUtils.loadAnimation(this, R.anim.scale_animation);
    mAnimate_tv.setAnimation(scaleAnimation);
    mAnimate_tv.startAnimation(scaleAnimation); 
}

private void stopAnimation() {
    mAnimate_tv.clearAnimation();
}

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    initView();
    scaleAnimationXML();
}

@Override
protected void onDestroy() {
    super.onDestroy();
    stopAnimation();
}

2. 代码实现
构造方法：
public ScaleAnimation(float fromX, float toX, float fromY, float toY,int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
参数说明：
float fromX：起始的x方向上相对自身的缩放比例，浮点值，比如1.0表示起始时自身无变化，0.5表示缩小一倍，2.0表示放大一倍；
float toX：结尾的x方向上相对自身的缩放比例，浮点值；
float fromY：起始的y方向上相对自身的缩放比例，浮点值；
float toY：结尾的y方向上相对自身的缩放比例，浮点值；
int pivotXType：缩放起点x轴参考类型，
Animation.ABSOLUTE（绝对像素值）；
Animation.RELATIVE_TO_SELF（参考自己）；Animation.RELATIVE_TO_PARENT（参考父容器）。
float pivotXValue：缩放起点x轴坐标，
当pivotXType为ABSOLUTE时，当前View的左上角x轴坐标加上绝对像素值做为起始点x轴坐标；
当pivotXType为RELATIVE_TO_SELF或RELATIVE_TO_PARENT时，当前View的左上角x轴坐标加上参考物宽度*pivotXValue 做为起始点x轴坐标。
int pivotYType：缩放起点y轴参考类型；
float pivotYValue：缩放起点y轴坐标。

//布局
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="500px"
    android:layout_height="500px"
    android:layout_marginLeft="100px"
    android:background="@color/colorAccent">
    <TextView
        android:id="@+id/animate_tv"
        android:layout_width="wrap_content"
        android:layout_height="200px"
        android:gravity="center"
        android:layout_centerInParent="true"
        android:textColor="@color/colorAccent"
        android:text="Hello Android!"
        android:background="@color/colorPrimaryDark"/>
</RelativeLayout>

//代码，MainActivity
private void scaleAnimationCode() {
    mAnimation = new ScaleAnimation(0, 1.0f, 0, 1.0f, Animation.RELATIVE_TO_SELF, 1.5f, Animation.RELATIVE_TO_SELF, 1.5f);
    mAnimation.setDuration(3000);
    mAnimation.setRepeatCount(2);
    mAnimation.setFillAfter(true);
    mAnimate_tv.setAnimation(mAnimation);
    mAnimate_tv.startAnimation(mAnimation);
}

private void stopAnimation() {
    mAnimate_tv.clearAnimation();
}

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    initView();
    scaleAnimationCode();
}

@Override
protected void onDestroy() {
    super.onDestroy();
    stopAnimation();
}