补间动画详解五 缩放动画ScaleAnimation

原创 2016年08月29日 23:35:15
ScaleAnimation是尺寸变化动画的类,控制View的尺寸变化。

ScaleAnimation类官方文档:
https://developer.android.com/reference/android/view/animation/ScaleAnimation.html

关于父类Animation的详解可参考文章:
http://blog.csdn.net/ruancoder/article/details/52347243

一、ScaleAnimation的使用
(1).使用xml文件创建ScaleAnimation
属性说明:
android:fromXScale:动画开始前在X坐标的大小。
android:fromYScale:动画开始前在Y坐标的大小。
android:toXScale:动画结束后在X坐标的大小。
android:toYScale:动画结束后在Y坐标的大小。
android:pivotX:缩放中心点的X坐标。
android:pivotY:缩放中心点的Y坐标。

示例代码:

以view中心为缩放点,X和Y方法各扩大一倍。

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
     android:duration="3000">
    <scale
        android:fromXScale="100%"
        android:fromYScale="100%"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="200%"
        android:toYScale="200%"/>
</set>

(2).使用java代码创建ScaleAnimation

示例代码:
// 以view中心为缩放点,由初始状态放大两倍
ScaleAnimation animation = new ScaleAnimation(
        1.0f, 2.0f, 1.0f, 2.0f,
        Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f
);
animation.setDuration(3000);
view.startAnimation(animation);

// 以view左上角,X轴增加100px,Y轴增加200px,为缩放点,由初始状态放大两倍
ScaleAnimation animation = new ScaleAnimation(1.0f, 2.0f, 1.0f, 2.0f, 100.0f, 200.0f);
animation.setDuration(3000);
view.startAnimation(animation);

// 以view左上角为缩放点,由初始状态放大两倍
ScaleAnimation animation = new ScaleAnimation(1.0f, 2.0f, 1.0f, 2.0f);
animation.setDuration(3000);
view.startAnimation(animation);

二、ScaleAnimation的分析
ScaleAnimation继承自Animation,除了拥有父类的属性外,添加了mFromX、mToX、mFromY、mToY和mPivotXType、mPivotXValue、mPivotYType、mPivotYValue八个属性。这个八个属性可以通过构造方法或xml属性传入。
public class ScaleAnimation extends Animation {
    private float mFromX;
    private float mToX;
    private float mFromY;
    private float mToY;
    private int mFromXType = TypedValue.TYPE_NULL;
    private int mToXType = TypedValue.TYPE_NULL;
    private int mFromYType = TypedValue.TYPE_NULL;
    private int mToYType = TypedValue.TYPE_NULL;


    private int mPivotXType = ABSOLUTE;
    private int mPivotYType = ABSOLUTE;
    private float mPivotXValue = 0.0f;
    private float mPivotYValue = 0.0f;
    private float mPivotX;
    private float mPivotY;
}

mPivotX和mPivotY最终参与动画的计算,在ABSOLUTE类型下,mPivotXValue和mPivotYValue会赋值给mPivotX和mPivotY。initializePivotPoint()方法在构造方法中调用。
private float mPivotX;
private float mPivotY;

private void initializePivotPoint() {
    if (mPivotXType == ABSOLUTE) {
        mPivotX = mPivotXValue;
    }
    if (mPivotYType == ABSOLUTE) {
        mPivotY = mPivotYValue;
    }
}

使用java代码的方式创建ScaleAnimation,传入八个参数,fromX、toX、fromY、toY和pivotXType、pivotXValue、pivotYType、pivotYValue,使用如下构造方法。
参数说明:
fromX:动画开始前在X坐标的大小。
toX:动画结束后在X坐标的大小。
fromY:动画开始前在Y坐标的大小。
toY:动画结束后在Y坐标的大小。
pivotXType:缩放中心点的X坐标类型。取值范围为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。
pivotXValue:缩放中心点的X坐标值。当pivotXType==ABSOLUTE时,表示绝对位置;否则表示相对位置,1.0表示100%。
pivotYType:缩放中心点的Y坐标类型。
pivotYValue:缩放中心点的Y坐标。
public ScaleAnimation(float fromX, float toX, float fromY, float toY,
                      int pivotXType, float pivotXValue, int pivotYType, float pivotYValue) {
    mResources = null;
    mFromX = fromX;
    mToX = toX;
    mFromY = fromY;
    mToY = toY;


    mPivotXValue = pivotXValue;
    mPivotXType = pivotXType;
    mPivotYValue = pivotYValue;
    mPivotYType = pivotYType;
    initializePivotPoint();
}

使用java代码的方式创建ScaleAnimation,传入六个参数,fromX、toX、fromY、toY和pivotX、pivotY,使用如下构造方法。
此时,mPivotXType和mPivotYType为ABSOLUTE。
public ScaleAnimation(float fromX, float toX, float fromY, float toY,
                      float pivotX, float pivotY) {
    mResources = null;
    mFromX = fromX;
    mToX = toX;
    mFromY = fromY;
    mToY = toY;


    mPivotXType = ABSOLUTE;
    mPivotYType = ABSOLUTE;
    mPivotXValue = pivotX;
    mPivotYValue = pivotY;
    initializePivotPoint();
}

使用java代码的方式创建ScaleAnimation,传入四个参数,fromX、toX、fromY、toY,使用如下构造方法。
此时,mPivotXType和mPivotYType为ABSOLUTE,mPivotX和mPivotY为0。
public ScaleAnimation(float fromX, float toX, float fromY, float toY) {
    mResources = null;
    mFromX = fromX;
    mToX = toX;
    mFromY = fromY;
    mToY = toY;
    mPivotX = 0;
    mPivotY = 0;
}

当使用xml文件的方式创建ScaleAnimation时,由AnimationUtils工具类加载动画文件,使用如下构造方法,通过xml中的属性来获取值。
private int mFromXData = 0;
private int mToXData = 0;
private int mFromYData = 0;
private int mToYData = 0;

public ScaleAnimation(Context context, AttributeSet attrs) {
    super(context, attrs);

    mResources = context.getResources();

    TypedArray a = context.obtainStyledAttributes(attrs,
            com.android.internal.R.styleable.ScaleAnimation);

    // fromXScale
    TypedValue tv = a.peekValue(
            com.android.internal.R.styleable.ScaleAnimation_fromXScale);
    mFromX = 0.0f;
    if (tv != null) {
        if (tv.type == TypedValue.TYPE_FLOAT) {
            // This is a scaling factor.
            mFromX = tv.getFloat();
        } else {
            mFromXType = tv.type;
            mFromXData = tv.data;
        }
    }
    // toXScale
    tv = a.peekValue(
            com.android.internal.R.styleable.ScaleAnimation_toXScale);
    mToX = 0.0f;
    if (tv != null) {
        if (tv.type == TypedValue.TYPE_FLOAT) {
            // This is a scaling factor.
            mToX = tv.getFloat();
        } else {
            mToXType = tv.type;
            mToXData = tv.data;
        }
    }
    // fromYScale
    tv = a.peekValue(
            com.android.internal.R.styleable.ScaleAnimation_fromYScale);
    mFromY = 0.0f;
    if (tv != null) {
        if (tv.type == TypedValue.TYPE_FLOAT) {
            // This is a scaling factor.
            mFromY = tv.getFloat();
        } else {
            mFromYType = tv.type;
            mFromYData = tv.data;
        }
    }
    // toYScale
    tv = a.peekValue(
            com.android.internal.R.styleable.ScaleAnimation_toYScale);
    mToY = 0.0f;
    if (tv != null) {
        if (tv.type == TypedValue.TYPE_FLOAT) {
            // This is a scaling factor.
            mToY = tv.getFloat();
        } else {
            mToYType = tv.type;
            mToYData = tv.data;
        }
    }
    // pivotX
    Animation.Description d = Animation.Description.parseValue(a.peekValue(
            com.android.internal.R.styleable.ScaleAnimation_pivotX));
    mPivotXType = d.type;
    mPivotXValue = d.value;
    // pivotY
    d = Animation.Description.parseValue(a.peekValue(
            com.android.internal.R.styleable.ScaleAnimation_pivotY));
    mPivotYType = d.type;
    mPivotYValue = d.value;

    a.recycle();

    initializePivotPoint();
}

完成成员变量的初始化后,接下来进入动画的计算。核心在于重写父类Animation的initialize()和applyTransformation()方法。

initialize()方法中,根据构造方法或xml属性传入的值,结合当前View和父View的宽高,计算出缩放的中心点位置和X、Y轴缩放的大小。
float resolveScale(float scale, int type, int data, int size, int psize) {
    float targetSize;
    if (type == TypedValue.TYPE_FRACTION) {
        targetSize = TypedValue.complexToFraction(data, size, psize);
    } else if (type == TypedValue.TYPE_DIMENSION) {
        targetSize = TypedValue.complexToDimension(data, mResources.getDisplayMetrics());
    } else {
        return scale;
    }

    if (size == 0) {
        return 1;
    }

    return targetSize/(float)size;
}

@Override
public void initialize(int width, int height, int parentWidth, int parentHeight) {
    super.initialize(width, height, parentWidth, parentHeight);

    mFromX = resolveScale(mFromX, mFromXType, mFromXData, width, parentWidth);
    mToX = resolveScale(mToX, mToXType, mToXData, width, parentWidth);
    mFromY = resolveScale(mFromY, mFromYType, mFromYData, height, parentHeight);
    mToY = resolveScale(mToY, mToYType, mToYData, height, parentHeight);

    mPivotX = resolveSize(mPivotXType, mPivotXValue, width, parentWidth);
    mPivotY = resolveSize(mPivotYType, mPivotYValue, height, parentHeight);
}

applyTransformation()方法负责动画的执行。在动画从开始倒结束的过程中,参数interpolatedTime从0.0递增到1.0。通过不断的调整sx和sy的值,调用Matrix的setScale()方法,达到缩放View的效果。
@Override
protected void applyTransformation(float interpolatedTime, Transformation t) {
    float sx = 1.0f;
    float sy = 1.0f;
    float scale = getScaleFactor();

    if (mFromX != 1.0f || mToX != 1.0f) {
        sx = mFromX + ((mToX - mFromX) * interpolatedTime);
    }
    if (mFromY != 1.0f || mToY != 1.0f) {
        sy = mFromY + ((mToY - mFromY) * interpolatedTime);
    }

    if (mPivotX == 0 && mPivotY == 0) {
        t.getMatrix().setScale(sx, sy);
    } else {
        t.getMatrix().setScale(sx, sy, scale * mPivotX, scale * mPivotY);
    }
}

版权声明:本文为博主原创文章,转载请注明出处。 举报

相关文章推荐

Android 动画之ScaleAnimation应用详解

android中提供了4中动画: AlphaAnimation 透明度动画效果 ScaleAnimation 缩放动画效果 TranslateAnimation 位移动画效果 RotateAn...

【Android动画】之Tween动画 (渐变、缩放、位移、旋转)

Android 平台提供了两类动画。 一类是Tween动画,就是对场景里的对象不断的进行图像变化来产生动画效果(旋转、平移、放缩和渐变)。第二类就是 Frame动画,即顺序的播放事先做好的图像,与gi...

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

Tween动画介绍

Tween动画又称“补间动画”、“中间动画”,这并不重要,就好像很多人都知道鲁迅,却不知道他叫:周树人。    Tween动画在Android中分为4类,它们分别是:AlphaAnimation(透...

详解Android动画之Tween Animation

前面讲了动画中的Frame动画,今天就来详细讲解一下Tween动画的使用。 同样,在开始实例演示之前,先引用官方文档中的一段话: Tween动画是操作某个控件让其展现出旋转、渐变、移动、缩放的这么...

TCP网络通讯如何解决分包粘包问题

TCP数据传输是以无边界的数据流传输形式,所谓无边界是指数据发送端发送的字节数,在数据接收端接受时并不一定等于发送的字节数,可能会出现粘包情况。 TCP粘包情况: 1. 发送端发送了数量比较的数据,接...

Animation之ScaleAnimation(缩放动画)

ScaleAnimation(缩放动画) 缩放的意思就是对图片或者文字等进行扩大或缩小。下面开始编写代码,相关重要属性参数的解释都在代码中。 1、编写main.xml文件。 <RelativeLayo...

android之tween动画详解

android中一共提供了两种动画,其一便是tween动画,tween动画通过对view的内容进行一系列的图像变换(包括平移,缩放,旋转,改变透明度)来实现动画效果,动画效果的定义可以使用xml,也可...

Android 动画之ScaleAnimation应用详解

android中提供了4中动画:    AlphaAnimation 透明度动画效果    ScaleAnimation 缩放动画效果    TranslateAnimation...

Android动画效果translate、scale、alpha、rotate详解

动画类型 Android的animation由四种类型组成 XML中 alpha 渐变透明度动画效果 scale 渐变尺寸伸缩动画效果 transla...

自定义控件三部曲之动画篇(一)——alpha、scale、translate、rotate、set的xml属性及用法

前言:这几天做客户回访,感触很大,用户只要是留反馈信息,总是一种恨铁不成钢的心态,想用你的app,却是因为你的技术问题,让他们不得不放弃,而你一个回访电话却让他们尽释前嫌,当最后把手机号留给他们以便随...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)