Android动画的实现

补间动画(Tween Animation)

补间动画有以下四种

Alpha透明度动画

Scale尺寸缩放动画

Translate位置移动动画

Rotate旋转动画

补间动画的共同属性

Duration：动画持续时间(单位：毫秒)

fillAfter：设置为true，动画转化在动画结束后被应用

interpolator：动画插入器(加速、减速插入器)

repeatCount：动画重复次数

repeatMode：顺序重复/倒序重复

startOffset：动画之间的时间间隔(应用于组合动画)

动画实现方式

配置文件(/res/anim)——alpha、scale、translate、rotate (更简单)

Java代码实现——AlphaAnimation、ScaleAnimation、TranslateAnimation、RotateAnimation

(更灵活)

例如

用Java代码去创建

//创建Alpha动画(透明度为10%-100%)

Animation alpha = new AlphaAnimation(0.1f,1.0f);

//设置动画时间为5秒

alpha.setDuration(5000);

//开始播放

img.startAnimation(alpha);

加载配置文件

Animation scale = AnimationUtils.loadAnimation(context, R.anim.scale_anim);

//开始动画

img.startAnimation(scale);

AlphaAnimation

fromAlpha动画起始时的透明度 (1.0表示完全不透明)

toAlpha动画终止时的透明度 (0.0表示完全透明)

ScaleAnimation

fromX，toX分别是起始和结束时x坐标上的伸缩尺寸

fromY，toY分别是起始和结束时y坐标上的伸缩尺寸

pivotX，pivotY分别为伸缩动画相对于x，y轴开始位置

Translate

fromXDelta,fromYDelta分别是起始的X，Y的坐标

toXDelta,toYDelta分别是结束时X，Y的坐标

RotateAnimation

fromDegrees

toDegrees

pivotX,pivotY分别为旋转动画相对于x,y的坐标开始位置

动画监听器

AnimationListener

帧动画(Frame Animation)

概念

逐帧动画是一种常见的动画形式(Frame By Frame)，其原理是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画。

帧动画实现

使用加载配置文件

将图片资源拷贝到drawable资源目录中

在drawable目录中创建帧动画配置文件，在该文件中配置动画所需图片，以及每个图片停留时间。

<item< p="">

android:drawable="帧图片的资源id"

android:duration="播放该帧的时间"/>

<item< p="">

android:drawable="帧图片的资源id"

android:duration="播放该帧的时间"/>

//载入xml逐帧动画资源

imageView.setImageResource(R.drawable.btn_animation);

aniDrawable = (AnimationDrawable) imageView.getDrawable();

//播放动画

aniDrawable.setOneShot(true);

aniDrawable.start();

//停止动画

//aniDrawable.stop();

//检查动画是否正在播放

//aniDrawable.isRunning();

使用Java代码创建

//创建动画对象

AnimationDrawable aniDrawable = new AnimationDrawable();

//设置每一帧的帧图片，每一帧播放时间

aniDrawable.addFrame(this.getResources().getDrawable(R.drawable.inc_btn_emphasize_normal), 100);

aniDrawable.addFrame(this.getResources().getDrawable(R.drawable.inc_btn_emphasize_pressed), 100);

aniDrawable.addFrame(this.getResources().getDrawable(R.drawable.inc_btn_normal), 100);

aniDrawable.addFrame(this.getResources().getDrawable(R.drawable.inc_btn_pressed), 100);

imageView.setImageDrawable(aniDrawable);

练习

制作不会说话的汤姆猫

属性动画(Property Animation)

概念

andorid3.0引入。属性动画改变对象的一个field值实现动画。指定你想要的属性，多长时间，动画的值就可以实现了。

Animation的局限性

一个属性动画的实现

//参数：

//动画作用目标

//属性

//属性值

ObjectAnimator animator = ObjectAnimator.ofFloat(iv, "translationX", 0, 100);

animator.setDuration(2000);

animator.start();

Animation动画框架仅仅只是让图像发生位移，而监听事件依然在原地。而属性动画可以移动让监听事件也跟着移动。

多个属性动画实现01

PropertyValuesHolder p01 = PropertyValuesHolder.ofFloat("translationX", 0, 100);

PropertyValuesHolder p02 = PropertyValuesHolder.ofFloat("translationY", 0, 100);

PropertyValuesHolder p03 = PropertyValuesHolder.ofFloat("rotation", 0, 360);

ObjectAnimator animator = ObjectAnimator.ofPropertyValuesHolder(iv, p01, p02, p03);

animator.setDuration(2000);

animator.start();

多个属性动画实现02

ObjectAnimator oa01 = ObjectAnimator.ofFloat(iv, "translationX", 0, 50);

ObjectAnimator oa02 = ObjectAnimator.ofFloat(iv, "translationY", 0, 50);

ObjectAnimator oa03 = ObjectAnimator.ofFloat(iv, "rotation", 0, 360);

AnimatorSet set = new AnimatorSet();

//同时播放

//set.playTogether(oa01, oa02, oa03);

//按顺序播放(先播01，再播02，最后播03)

//set.playSequentially(oa01, oa02, oa03);

//按指定顺序播放 (01和02同时播放，最后播放03)

set.play(oa01).with(oa02);

set.play(oa03).after(oa01);

set.setDuration(1000);

set.start();

动画监听事件

透明度属性动画

ObjectAnimator animator = ObjectAnimator.ofFloat(v, "alpha", 0, 1);

animator.setDuration(1000);

//添加属性动画的监听

animator.addListener(new AnimatorListener() {

@Override

public void onAnimationStart(Animator animation) {

// TODO Auto-generated method stub

}

@Override

public void onAnimationRepeat(Animator animation) {

// TODO Auto-generated method stub

}

//动画结束之后调用该方法

@Override

public void onAnimationEnd(Animator animation) {

// TODO Auto-generated method stub

Toast.makeText(MainActivity.this, "click", Toast.LENGTH_SHORT).show();

}

@Override

public void onAnimationCancel(Animator animation) {

// TODO Auto-generated method stub

}

});

animator.start();

使用ValueAnimator改变文字颜色

ValueAnimator valueAni = ValueAnimator.ofInt(0, 255);

valueAni.setDuration(2000);

valueAni.addUpdateListener(new AnimatorUpdateListener() {

@Override

public void onAnimationUpdate(ValueAnimator animation) {

// TODO Auto-generated method stub

tv.setTextColor(Color.rgb((Integer)animation.getAnimatedValue(), 0, 0));

}

});

valueAni.start();