动画——视图动画(View Animation)

动画——View Animation

简介：

视图动画又称补间动画，是android中比较古老的一种动画，补间动画执行完以后

并没有改变View的真是位置属性。

AlphaAnimation:透明度动画

xml属性	Java方法	解释
android:fromAlpha	AlphaAnimation(float)	开始的透明度
android:toAlpha	AlphaAnimation(float)	结束的透明度

RotateAnimation:旋转动画

xml属性	Java方法	解释
android:fromDegrees	RotateAnimation(float)	开始旋转的角度，正表示顺时针
android:toDegrees	RotateAnimation(float)	结束旋转的角度
android:pivotX	RotateAnimation(float)	放缩起点X坐标（可以是数值、百分数、百分数p）
android:pivotY	RotateAnimation(float)	同上：数值表示加多少px作为起点，百分数表示等比扩大

ScaleAnimation:伸缩动画

xml属性	Java方法	解释
android:fromXScale	ScaleAnimation 的构造函数	起始时X轴放缩比例
android:toXScale	ScaleAnimation 的构造函数	结束时X放缩比例
android:fromYScale	ScaleAnimation 的构造函数	起始时Y轴放缩比例
android:toYScale	ScaleAnimation 的构造函数	结束时Y放缩比例
android:pivotX	ScaleAnimation 的构造函数	放缩起点X坐标（可以是数值、百分数）
android:pivotY	ScaleAnimation 的构造函数	同上：数值表示加多少px作为起点，百分数表示等比扩大

TranslateAnimation：位移动画

xml属性	Java方法	解释
android:fromXDelta	TranslateAnimation 的构造函数	起始时X轴坐标
android:toXDelta	TranslateAnimation 的构造函数	结束时X放缩坐标
android:fromYDelta	TranslateAnimation 的构造函数	起始时Y轴坐标
android:toYDelta	TranslateAnimation 的构造函数	结束时Y轴坐标

数值说明：坐标点可以是数值x,百分数x%,或者是百分数x%p

数值x:表示以当前View左上角坐标加xpx为初始点

百分数x%：表示以当前View的左上角加上当前View宽高的50%做为初始点

百分数x%p：以当前View的左上角加上父控件宽高的50%做为初始点

AnimationSet：混合动画

是四种动画的组合，没有自己的属性，在xml中使用的是set标签

以上动画的基类：Animation

位于android.view.animation包下,主要的属性：

xml属性	Java方法	解释
android:detachWallpaper	setDetachWallpaper	是否在壁纸上运行
android:duration	setDuration(long)	动画持续时间，毫秒为单位
android:fillAfter	setFillAfter(boolean)	动画结束时是否保持动画最后状态
android:fillBefore	setFillBefore(boolean)	动画结束时是否保持开始前的状态
android:fillEnabled	setFillEnabled(boolean)	与android:fillBefore效果相同
android:interpolator	setInterpolator(Interpolator)	设定插值器（指定的动画效果，譬如回弹等）
android:repeatCount	setRepeatCount(int)	重复次数
android:repeatMode	setRepeatMode(int)	重复类型：restart重头开始；reverse:倒序开始
android:startOffset	setStartOffset(long)	调用开始后等待的时间
android:zAdjustment	setZAdustment(int)	Z轴上的位置

基类：Animation的类方法

除去很多的get、set以及重写的方法以后

Animation类的方法	解释
reset()	重置Animation的初始化
cancel()	取消Animation动画
start()	开始Animation动画
setAnimationListener(AnimationListener listener))	给当前Animation设置动画监听
hasStarted()	是否开始
hasEnded()	是否结束

View中操作动画的方法

startAnimation(Animation animation)：开始动画

clearAnimation()：清除动画

Interpolator插值器详解

Java类	xml id	解释
AccelerateDecelerateInterpolator	@android:anim/accelerate_decelerate_interpolator	动画始末速率较慢，中间加速
AccelerateInterpolator	@android:anim/accelerate_interpolator	加速度
AnticipateInterpolator	@android:anim/anticipate_interpolator	开始的时候从后向前甩
AnticipateOvershootInterpolator	@android:anim/anticipate_overshoot_interpolator	类似上面
BounceInterpolator	@android:anim/bounce_interpolator	类似真是的弹跳效果
CycleInterpolator	@android:anim/bounce_interpolator	循环播放速率改变为正弦曲线
DecelerateInterpolator	@android:anim/decelerate_interpolator	减速度
LinearInterpolator	@android:anim/linear_interpolator	匀速
OvershootInterpolator	@android:anim/overshoot_interpolator	向前弹出一定值之后回到原来位置
PathInterpolator		新增，定义路径坐标后按照路径坐标来跑。

实例：

anim:view_animation1

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="5000"
android:interpolator="@android:anim/overshoot_interpolator"
android:shareInterpolator="true"
>

<alpha android:fromAlpha="0.5"
android:toAlpha="1"/>

<rotate android:fromDegrees="0"
android:toDegrees="500"
android:pivotY="100"/>

<translate android:fromXDelta="0"
android:toXDelta="500"
/>

</set>

自定义插值器

概述：

原理：根据动画的进度，计算当前属性值的百分比。

具体操作：方法一：通过xml重设已有插值器的某些属性，这种方法的自定义比较有限。

方法二：通过Java代码实现Interpolator\TimeInterpolator接口，并重写getInterpolator(float input)

方法，input的范围是[0,1]。补间动画实现Interpolator接口，属性动画实现TimeInterpolator接口。

TimeInterpolator接口是属性动画中新增的，用于兼容Interpolator接口，这使得所有过去的Interpolator

实现类都可以直接在属性动画使用。

xml法定义

使用步骤：

在res/anim/目录下创建filename.xml文件。

修改你准备自定义的插值器如下：

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

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

android:attribute_name="value"/>

在你的补间动画文件中引用该文件即可。

accelerateDecelerateInterpolator：无可自定义的attribute。

accelerateInterpolator：android:factor 浮点值，加速速率（默认值为1）

anticipateInterpolator：android:tension 浮点值，起始点后拉的张力数（默认值为2）

anticipateOvershootInterpolator:android:tension 浮点值，起始点后拉的张力数（默认值为2）。

android:extraTension 浮点值，拉力的倍数（默认值为1.5）。

bounceInterpolator:无可自定义的attribute。

cycleInterpolator:android:cycles 整形，循环的个数（默认为1）。

decelerateInterpolator:android:factor 浮点值，减速的速率（默认为1）。

linearInterpolator:无可自定义属性

overshootInterpolator：android:tension 浮点值，超出终点后的张力（默认为2）

java代码自定义插值器：

内置插值器解析：

public class AccelerateDecelerateInterpolator implements Interpolator, NativeInterpolatorFactory {

// 仅贴出关键代码

...

public float getInterpolation(float input) {

return (float)(Math.cos((input + 1) * Math.PI) / 2.0f) + 0.5f;

// input的运算逻辑如下：

// 使用了余弦函数，因input的取值范围是0到1，

//那么cos函数中的取值范围就是π到2π。

// 而cos(π)的结果是-1，cos(2π)的结果是1

// 所以该值除以2加上0.5后，getInterpolation()方法最终返回的

//结果值还是在0到1之间。只不过经过了余弦运算之后，最终的

//结果不再是匀速增加的了，而是经历了一个先加速后减速的过程

// 所以最终，fraction值 = 运算后的值 = 先加速后减速

// 所以该差值器是先加速再减速的

}

}

自定义插值器：

public class DecelerateAccelerateInterpolator implements Interpolator {

@Override

public float getInterpolation(float input) {

float result;

if (input <= 0.5) {

result = (float) (Math.sin(Math.PI * input)) / 2;

// 使用正弦函数来实现先减速后加速的功能，逻辑如下：

// 因为正弦函数初始弧度变化值非常大，刚好和余弦函数是相反的

// 随着弧度的增加，正弦函数的变化值也会逐渐变小，这样也就实现了减速的效果。

// 当弧度大于π/2之后，整个过程相反了过来，现在正弦函数的弧度变化值非常小，

// 渐渐随着弧度继续增加，变化值越来越大，弧度到π时结束，这样从0过度到π，

// 也就实现了先减速后加速的效果

} else {

result = (float) (2 - Math.sin(Math.PI * input)) / 2;

}

return result;

// 返回的result值 = 随着动画进度呈先减速后加速的变化趋势

}

}

致谢：

http://blog.csdn.net/yanbober/article/details/46481171

http://blog.csdn.net/carson_ho/article/details/72863901