android 补间动画和Animation

2022-12-07 09:46:45

介绍：

补间动画是一种设定动画开始状态、结束状态，其中间的变化由系统计算补充。这也是他叫做补间动画的原因。

补间动画由Animation类来实现具体效果，包括平移（TranslateAnimation）、缩放(ScaleAnimation)、旋转(RotateAnimation)、透明度(AlphaAnimation)四个子类，四种变化。

实现：

补间动画的四种变化效果（四个类）允许通过xml设置，也可以通过初始化类来设置。xml比较简单，java比较灵活。

1、通过xml设置补间动画

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android"

    android:interpolator="@[package:]anim/interpolator_resource"

    android:shareInterpolator=["true" | "false"] >

    <alpha

        android:fromAlpha="float"

        android:toAlpha="float" />

    <scale

        android:fromXScale="float"

        android:toXScale="float"

        android:fromYScale="float"

        android:toYScale="float"

        android:pivotX="float"

        android:pivotY="float" />

    <translate

        android:fromXDelta="float"

        android:toXDelta="float"

        android:fromYDelta="float"

        android:toYDelta="float" />

    <rotate

        android:fromDegrees="float"

        android:toDegrees="float"

        android:pivotX="float"

        android:pivotY="float" />

    <set>

        ...

    </set>

</set>
android:interpolator为动画的变化速度【可以单独设置，可以直接放在set里面】
　　可以设置多种速度变化方式，这里只列出匀速、加速、减速
　　匀速  @android:anim/linear_interpolator
　　加速  @android:anim/accelerate_interppolator
　　减速　@android:anim/decelerate_interpolator

android:shareInterpolator为是否给所有子元素共享动画变化速度【放在set里面设置是否共享】

android：fillAfter动画显示结束保持最后一帧【true：最后一帧】
android：fillBefore动画显示结束保持第一帧【true：第一帧】

android：duration动画播放时间【单位毫秒，每个动画都需要设置，否则没有效果】

android：startOffset动画装载完成后需要等待多少时间才能启动【单位毫秒】

透明度
android:fromAlpha为动画开始的透明度【0：完全透明，1：完全不透明】
android:toAlpha为动画结束的透明度

缩放
android:fromXScale、android:fromYScale为动画开始X,Y方向上的缩放比例【0：小的没有，1：原本大小】
android:toXScale、android:toYScale为动画开始X,Y方向上的缩放比例
android:pivotX、android:pivotY为动画在X,Y方向上的缩放中心点（比如设置为0,0那么就是宽和高向左上角缩小）【例如：50%是距左边界图片一半的距离】

平移
android:fromXDelta、android:fromYDelta为动画平移的起始点
android:toXDelta、android:toYDelta为动画平移的结束点

旋转
android:fromDegrees为动画旋转的起始角度【0:不动，180：转半圈，360：转一圈，3600：转10圈，-180逆时针转半圈】
android:toDegrees为动画旋转的结束角度
android:pivotX、android:pivotY为动画旋转的中心点【例如：50%是距左边界图片一半的距离】

以上每一个都可以在java代码中通过setXXX来设置。

通过xml新建完动画资源还需要使用AnimationUtils进行装载。
final Animation anim = AnimationUtils

            .loadAnimation(this, R.anim.anim);

上面的R.anim.anim就是上面用xml写出来的动画文件。

其实补间动画是一种View Animation，是专门作用在View上的。

所以在我们使用的时候，直接调用View的startAnimation方法就好了。

flower.startAnimation(reverse);

代码中的flower是一个ImageView。


2、除了使用xml定义动画以外，还可以直接新建一个相应的对象。

新建对象时构造函数的参数和上面的xml是一样的，就不详细介绍了~

平移（TranslateAnimation）
构造函数
public TranslateAnimation(int fromXType, float fromXValue, int toXType, float toXValue,

            int fromYType, float fromYValue, int toYType, float toYValue)
fromXType、toXType、fromYType、toYType指的是坐标类型，默认为ABSOLUTE，如果使用绝对坐标的话可以省去type这个参数。基本上使用这个参数都是为了设置为RELATIVE_TO_SELF，意思是相对有自己的距离。
剩下的那些值就好xml里一样，自己就能看懂啦~

下面是具体的使用：
TranslateAnimation translateAnimation =

                    new TranslateAnimation(

                            Animation.RELATIVE_TO_SELF, 0f,

                            Animation.RELATIVE_TO_SELF, 0.5f,

                            Animation.RELATIVE_TO_SELF, 0f,

                            Animation.RELATIVE_TO_SELF, 0.5f

                    );

            translateAnimation.setDuration(5000);

            image.startAnimation(translateAnimation);

缩放(ScaleAnimation)
构造函数：
public ScaleAnimation(float fromX, float toX, float fromY, float toY,

            int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
pivotXType、pivotYType指的是坐标类型，默认为ABSOLUTE，如果使用绝对坐标的话可以省去type这个参数。基本上使用这个参数都是为了设置为RELATIVE_TO_SELF，意思是相对有自己的距离。
下面是具体的使用：
ScaleAnimation scaleAnimation = new ScaleAnimation( 0, 1f, 0, 1f, Animation.RELATIVE_TO_SELF,0.5f);

            scaleAnimation.setDuration(5000);

            image.startAnimation(scaleAnimation);

旋转(RotateAnimation)
构造函数：
public RotateAnimation(float fromDegrees, float toDegrees, int pivotXType, float pivotXValue,

            int pivotYType, float pivotYValue)
pivotXType、pivotYType指的是坐标类型，默认为ABSOLUTE，如果使用绝对坐标的话可以省去type这个参数。基本上使用这个参数都是为了设置为RELATIVE_TO_SELF，意思是相对有自己的距离。
具体使用：
RotateAnimation rotateAnimation = new RotateAnimation( 0, 180, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5F);

            rotateAnimation.setDuration(1000);

            image.startAnimation(rotateAnimation);

透明度(AlphaAnimation)
构造函数：
public AlphaAnimation(float fromAlpha, float toAlpha)
具体使用：
AlphaAnimation alphaAnimation = new AlphaAnimation(1, 0);

            alphaAnimation.setDuration(5000);

            image.startAnimation(alphaAnimation);

Animation类介绍

既然补间动画的四种变化都是基于Animation写的，那么我们是不是也可以自定义一个补间动画呢。

当然可以。

其实Animation类最主要的函数是applyTransformation，重写这个函数就可以实现自己的动画啦~

protected void applyTransformation(float interpolatedTime, Transformation t)
interpolatedTime：代表动画的时间进行比，不管实际持续时间是多少，当动画播放时，该参数总是从0到1
Transformation ：这个参数是补间动画在不同时刻的变化，具体的变化都是通过这个参数实现。这个对象里面封装了一个Matrix，所以可以直接使用Matrix的函数实现对View的各种操作。
干说也不明白，我们直接看一下RotateAnimation的代码吧~
@Override

    protected void applyTransformation(float interpolatedTime, Transformation t) {

        float degrees = mFromDegrees + ((mToDegrees - mFromDegrees) * interpolatedTime);

        float scale = getScaleFactor();

        if (mPivotX == 0.0f && mPivotY == 0.0f) {

            t.getMatrix().setRotate(degrees);

        } else {

            t.getMatrix().setRotate(degrees, mPivotX * scale, mPivotY * scale);

        }

    }

这个函数可能是能够不断的装载吧（这他妈做么做到的，谁知道的话在评论里告诉我！！），在不同的时间通过运算就能够得到不同的角度，然后设置相应的旋转角度。

由于Matrix提供倾斜函数，我们可以写一个倾斜的动画。虽然可能没有什么实际用处。

代码贴在下面，我就这么随便一写，更多玩法等待你的开发哦~

package activity;

import android.view.animation.Animation;

import android.view.animation.Transformation;

public class MyAnimation extends Animation{

    private float mkx;

    private float mky;

    public MyAnimation(float kx, float ky)

    {

        this.mkx = kx;

        this.mky = ky;

    }

    @Override

    protected void applyTransformation(float interpolatedTime, Transformation t) {

        float kx = mkx * interpolatedTime;

        float ky = mky * interpolatedTime;

        t.getMatrix().setSkew(kx, ky);

    }

}

我在学习安卓时的教材用的是《安卓疯狂讲义》，他在这里讲了控制三维变换的类Camera，也可以使用这个类来实现动画三维变换。

关于这个类的具体信息大家可以看一下官网：http://developer.android.com/reference/android/graphics/Camera.html

常用的几个函数列一下：

getMatrix(Matrix matrix):将Camera所做的变换用用到matrix上

rotate(float x, float y, float z):三个方向上的变换

rotateX(float deg):将目标组件沿X轴旋转

rotateY(float deg):将目标组件沿Y轴旋转

rotateZ(float deg):将目标组件沿Z轴旋转

translate(float x,float y,float z):把目标组件在三维空间内进行位移变换

applyToCanvas(Canvas canvas):把Camera所做变幻应用到Canvas上

save():保存Camera的状态

。。。

然后大家就看一下我这本书上他们自定义的动画吧~

public class MyAnimation extends Animation

{

    private float centerX;

    private float centerY;

    // 定义动画的持续事件

    private int duration;

    private Camera camera = new Camera();

    public MyAnimation(float x, float y, int duration)

    {

        this.centerX = x;

        this.centerY = y;

        this.duration = duration;

    }

    @Override

    public void initialize(int width, int height

        , int parentWidth, int parentHeight)

    {

        super.initialize(width, height, parentWidth, parentHeight);

        // 设置动画的持续时间

        setDuration(duration);

        // 设置动画结束后效果保留

        setFillAfter(true);

        setInterpolator(new LinearInterpolator());

    }

    /*

     * 该方法的interpolatedTime代表了抽象的动画持续时间，不管动画实际持续时间多长，

     * interpolatedTime参数总是从0（动画开始时）～1（动画结束时）

     * Transformation参数代表了对目标组件所做的变.

     */

    @Override

    protected void applyTransformation(float interpolatedTime

        , Transformation t)

    {

        camera.save();

        // 根据interpolatedTime时间来控制X、Y、Z上的偏移

        camera.translate(100.0f - 100.0f * interpolatedTime,

                150.0f * interpolatedTime - 150,

                80.0f - 80.0f * interpolatedTime);

        // 设置根据interpolatedTime时间在Y柚上旋转不同角度。

        camera.rotateY(360 * (interpolatedTime));

        // 设置根据interpolatedTime时间在X柚上旋转不同角度

        camera.rotateX((360 * interpolatedTime));

        // 获取Transformation参数的Matrix对象

        Matrix matrix = t.getMatrix();

        camera.getMatrix(matrix);

        matrix.preTranslate(-centerX, -centerY);

        matrix.postTranslate(centerX, centerY);

        camera.restore();

    }

}
上一篇：Mybatis缓存处理机制


下一篇：Spring事务管理注意小事项