Android -- NineOldAndroids animation 封装

1.概述

　　说起空间动态、微博的点赞效果，网上也是很泛滥，各种实现与效果一大堆。而详细实现的部分，讲述的也是参差不齐，另一方面估计也有很多大侠也不屑一顾，觉得完全没必要单独开篇来写和讲解吧。毕竟，也就是两个view和一些简单的动画效果罢了。 
　　单若是只讲这些，我自然也是不愿花这番功夫的。虽然自己很菜，可也不甘于太菜。所以偶尔看到些好东西，可以延伸学写下，我还是很情愿拿出来用用，顺带秀一秀逼格什么的。 
　　不扯太多，先说说今天实现点赞效果用到的自以为不错的两个点：

• AndroidViewAnimations 基于nineoldandroids封装的android动画简易类库。究竟有多简单呢，就像这样

  AnimHelper.with(new PulseAnimator()).duration(1000).playOn(imageView); 
  作用： 在imageView上使用PulseAnimator这个动画效果，播放一秒。

1.1 动画库的封装和快速框架

　　提到动画，Android本身自带的动画类Animation已经做到支持3.0及以上了，虽然也做了很好的封装，但是做起复杂动画来还是不够像上边那样简洁。在关于动画兼容方面，github上的大牛Jake Wharton又做了一套动画开源库NineOldAndroids，效果很好而且支持3.0级以前的版本，确实很值得称赞。而在此基础上，有很多高手又做了二次封装，实现了复杂动画，同时保证方便简洁，而且通用性和扩展性更高。我们这里的动画使用的就是这样一个简单的封装。 
　　比如，要在XXView上时用XXAnimator这样的动画，持续Duration秒。就这么一行代码：

AnimHelper.with(new SlideOutUpAnimator()).duration(1000).playOn(textView);

　　来看一下基于NineOldAndroids的ViewAnimations具体实现。

1. 首先定义一个基本动画效果类BaseViewAnimator

　　这个BaseViewAnimator动画类使用一个动画集合AnimatorSet，包装成单个动画类似的用法，并定义了一个abstract方法prepare()：

package com.xiaobai.mizar.utils.anim;

import android.view.View;
import android.view.animation.Interpolator;
import com.nineoldandroids.animation.Animator;
import com.nineoldandroids.animation.AnimatorSet;
import com.nineoldandroids.view.ViewHelper;

/**
 * Author: walid
 * Date ： 2016/4/16 11:30
 */
public abstract class BaseViewAnimator {

	public static final long DURATION = 1000;

	private AnimatorSet animatorSet;
	private long mDuration = DURATION;

	{
		animatorSet = new AnimatorSet();
	}

	protected abstract void prepare(View target);

	public BaseViewAnimator setTarget(View target) {
		reset(target);
		prepare(target);
		return this;
	}

	public void animate() {
		start();
	}

	/**
	 * reset the view to default status
	 *
	 * @param target
	 */
	public void reset(View target) {
		ViewHelper.setAlpha(target, 1);
		ViewHelper.setScaleX(target, 1);
		ViewHelper.setScaleY(target, 1);
		ViewHelper.setTranslationX(target, 0);
		ViewHelper.setTranslationY(target, 0);
		ViewHelper.setRotation(target, 0);
		ViewHelper.setRotationY(target, 0);
		ViewHelper.setRotationX(target, 0);
		ViewHelper.setPivotX(target, target.getMeasuredWidth() / 2.0f);
		ViewHelper.setPivotY(target, target.getMeasuredHeight() / 2.0f);
	}

	/**
	 * start to animate
	 */
	public void start() {
		animatorSet.setDuration(mDuration);
		animatorSet.start();
	}

	public BaseViewAnimator setDuration(long duration) {
		mDuration = duration;
		return this;
	}

	public BaseViewAnimator setStartDelay(long delay) {
		getAnimatorAgent().setStartDelay(delay);
		return this;
	}

	public long getStartDelay() {
		return animatorSet.getStartDelay();
	}

	public BaseViewAnimator addAnimatorListener(Animator.AnimatorListener l) {
		animatorSet.addListener(l);
		return this;
	}

	public void cancel() {
		animatorSet.cancel();
	}

	public boolean isRunning() {
		return animatorSet.isRunning();
	}

	public boolean isStarted() {
		return animatorSet.isStarted();
	}

	public void removeAnimatorListener(Animator.AnimatorListener l) {
		animatorSet.removeListener(l);
	}

	public void removeAllListener() {
		animatorSet.removeAllListeners();
	}

	public BaseViewAnimator setInterpolator(Interpolator interpolator) {
		animatorSet.setInterpolator(interpolator);
		return this;
	}

	public long getDuration() {
		return mDuration;
	}

	public AnimatorSet getAnimatorAgent() {
		return animatorSet;
	}

}

　　复杂动画效果基类BaseViewAnimator使用一个AnimatorSet集合来添加各种动画 ,并绑定到目标targetView ,使用 prepare(View target) 的abstract方法供其子类实现具体的动画效果。 

2. 其次基于这个类实现我们的各种动画效果XXAnimator

　当我们要实现具体的动画效果时，可以直接继承这个类并实现prepaer方法。比如这里定义的上划消失SlideOutUpAnimator 和放大回缩动画PulseAnimator

package com.xiaobai.mizar.utils.anim;

import android.view.View;
import com.nineoldandroids.animation.ObjectAnimator;

/**
 * Author: walid
 * Date ： 2016/4/16 11:33
 * 放大效果
 */
public class PulseAnimator extends BaseViewAnimator {
	@Override
	public void prepare(View target) {
		getAnimatorAgent().playTogether(
				ObjectAnimator.ofFloat(target, "scaleY", 1, 1.3f, 1),
				ObjectAnimator.ofFloat(target, "scaleX", 1, 1.3f, 1)
		);
	}
}

package com.xiaobai.mizar.utils.anim;

import android.view.View;
import android.view.ViewGroup;
import com.nineoldandroids.animation.ObjectAnimator;

/**
 * Author: walid
 * Date ： 2016/4/16 11:33
 * 上划消失（飘+1）
 */
public class SlideOutUpAnimator extends BaseViewAnimator {
	@Override
	public void prepare(View target) {
		ViewGroup parent = (ViewGroup) target.getParent();
		getAnimatorAgent().playTogether(
				ObjectAnimator.ofFloat(target, "alpha", 1, 0),
				ObjectAnimator.ofFloat(target, "translationY", 0, -parent.getHeight() / 2)
		);
	}
}

　上边两种动画效果就是对BaseViewAnimator的两种实现，动画本身使用的库是NineOldAndroids。

3. 最后封装一个动画管理工具类AnimHelper供外部使用

　首先定义了一个静态类，使用helper来实例化这个静态类，并设置各个参数选项。

package com.xiaobai.mizar.utils.anim;

import android.view.View;
import android.view.animation.Interpolator;
import com.nineoldandroids.animation.Animator;

import java.util.ArrayList;
import java.util.List;

/**
 * Author: walid
 * Date ： 2016/4/16 11:32
 */
public class AnimHelper {

	private static final long DURATION = BaseViewAnimator.DURATION;
	private static final long NO_DELAY = 0;

	/**
	 * 实例化得到AnimationComposer的唯一接口
	 */
	public static AnimationComposer with(BaseViewAnimator animator) {
		return new AnimationComposer(animator);
	}

	/**
	 * 定义与动画效果相关联的各种参数，
	 * 使用这种方法可以保证对象的构建和他的表示相互隔离开来
	 */
	public static final class AnimationComposer {

		private List<Animator.AnimatorListener> callbacks = new ArrayList<>();
		private BaseViewAnimator animator;
		private long duration = DURATION;
		private long delay = NO_DELAY;
		private Interpolator interpolator;
		private View target;

		private AnimationComposer(BaseViewAnimator animator) {
			this.animator = animator;
		}

		public AnimationComposer duration(long duration) {
			this.duration = duration;
			return this;
		}

		public AnimationComposer delay(long delay) {
			this.delay = delay;
			return this;
		}

		public AnimationComposer interpolate(Interpolator interpolator) {
			this.interpolator = interpolator;
			return this;
		}


		public AnimationComposer withListener(Animator.AnimatorListener listener) {
			callbacks.add(listener);
			return this;
		}

		public AnimManager playOn(View target) {
			this.target = target;
			return new AnimManager(play(), this.target);
		}

		private BaseViewAnimator play() {
			animator.setTarget(target);
			animator.setDuration(duration)
			        .setInterpolator(interpolator)
			        .setStartDelay(delay);

			if (callbacks.size() > 0) {
				for (Animator.AnimatorListener callback : callbacks) {
					animator.addAnimatorListener(callback);
				}
			}

			animator.animate();
			return animator;
		}
	}

	/**
	 * 动画管理类
	 */
	public static final class AnimManager {

		private BaseViewAnimator animator;
		private View target;

		private AnimManager(BaseViewAnimator animator, View target) {
			this.target = target;
			this.animator = animator;
		}

		public boolean isStarted() {
			return animator.isStarted();
		}

		public boolean isRunning() {
			return animator.isRunning();
		}

		public void stop(boolean reset) {
			animator.cancel();
			if (reset) {
				animator.reset(target);
			}
		}
	}


}