android 补间动画和Animation

介绍:

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

补间动画由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();
    }
}

 

posted @ 2016-03-09 22:09  野狗道人  阅读(6275)  评论(0编辑  收藏  举报