动画——视图动画(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