属性动画资料文件如何编写？property-animation资源文件 属性动画如何自定义TypeEvaluator

android动画分为3种：AnimationDrawable(类)逐帧动画；Tween补间动画；property animation属性动画;

第1种的类名：AnimationDrawable,在资料文件部份，这类动画也属于Drawable的1种，是Drawable的子类；

第2种的类名：Animation,Animation是个抽象类，android提供了几个具体的实现类如TranslateAnimation,RotateAnimation,AlphaAnimation,ScaleAnimation;

第3种的类名：Animator，Animator也是个抽象类，android提供了ValueAnimator和ObjectAnimator和Animatorset作为具体实现。其中ObjectAnimator继承了ValueAnimator,前者1般情况下使用起来可以更方便，但有些特殊情况必须使用ValueAnimator.   而Animatorset可以对多个Animator对象包裹。

在这里主要就Animator进行1些记录：

定义属性动画资源文件的格式举例：

属性动画使用时有时会用到自定义的TypeEvaluator,自定义举例：

如果想根据某个属性TYPE来实现动画，但是这个Type又不是Android系统内置的，这个时候就需要创建1个自己的evaluator来实现了，并且新创建的type必须实现接口TypeEvaluator。Android系统内置的type有int,float和color，他们对应的evaluator是IntEvaluator、FloatEvaluator和ArgbEvaluator。接口TypeEvaluator内只有1个方法，用来计算要实现动画属性的值。    

[java] view plain copy 
/** 
 * Interface for use with the {@link ValueAnimator#setEvaluator(TypeEvaluator)} function. Evaluators 
 * allow developers to create animations on arbitrary property types, by allowing them to supply 
 * custom evaluators for types that are not automatically understood and used by the animation 
 * system. 
 * 
 * @see ValueAnimator#setEvaluator(TypeEvaluator) 
 */  
public interface TypeEvaluator<T> {  
/** 
     * This function returns the result of linearly interpolating the start and end values, with 
     * <code>fraction</code> representing the proportion between the start and end values. The 
     * calculation is a simple parametric calculation: <code>result = x0 + t * (x1 - x0)</code>, 
     * where <code>x0</code> is <code>startValue</code>, <code>x1</code> is <code>endValue</code>, 
     * and <code>t</code> is <code>fraction</code>. 
     * 
     * @param fraction   The fraction from the starting to the ending values 
     * @param startValue The start value. 
     * @param endValue   The end value. 
     * @return A linear interpolation between the start and end values, given the 
     *         <code>fraction</code> parameter. 
     */  
public T evaluate(float fraction, T startValue, T endValue);  
  
}  

先看看Android系统内置FloatEvaluator是怎样弄的：

[java] view plain copy 
public class FloatEvaluator implements TypeEvaluator<Number> {  
/** 
     * This function returns the result of linearly interpolating the start and end values, with 
     * <code>fraction</code> representing the proportion between the start and end values. The 
     * calculation is a simple parametric calculation: <code>result = x0 + t * (v1 - v0)</code>, 
     * where <code>x0</code> is <code>startValue</code>, <code>x1</code> is <code>endValue</code>, 
     * and <code>t</code> is <code>fraction</code>. 
     * 
     * @param fraction   The fraction from the starting to the ending values 
     * @param startValue The start value; should be of type <code>float</code> or 
     *                   <code>Float</code>  
* @param endValue   The end value; should be of type <code>float</code> or <code>Float</code> 
* @return A linear interpolation between the start and end values, given the 
     *         <code>fraction</code> parameter. 
     */  
public Float evaluate(float fraction, Number startValue, Number endValue) {  
float startFloat = startValue.floatValue();  
        return startFloat + fraction * (endValue.floatValue() - startFloat);  
}  
}  

还是举个例子来测试1下，先看下面图中的效果：

这个动画在Android-Property Animation(属性动画)中就实现过了，当时是这么实现的：

[java] view plain copy 
private void startValueAnimation(){  
    if(mValueAnimator == null){  
        mValueAnimator = ValueAnimator.ofFloat(0, 500);  
    }  
    mValueAnimator.setInterpolator(new AnticipateInterpolator());  
    mValueAnimator.setTarget(mImageView);  
    mValueAnimator.setDuration(3000);  
    mValueAnimator.setRepeatCount(1);  
    mValueAnimator.start();  
    mValueAnimator.addUpdateListener(new AnimatorUpdateListener() {  
        @Override  
        public void onAnimationUpdate(ValueAnimator animation) {  
        //同时设置X，Y 两个属性  
            mImageView.setTranslationX((Float) animation.getAnimatedValue());  
            mImageView.setTranslationY((Float) animation.getAnimatedValue());  
        }  
    });  
}  
在动画update的时候同时更新View的X和Y属性。另外，使用AnimatorSet也能够实现这类动画效果。
除这两种以外还有无呢？就是自定义1个TypeEvaluator，主要代码以下：

[java] view plain copy 
private void startObjectAnimation() {  
    ViewXYHolder viewXYHolder = new ViewXYHolder(mImageView);  
    XYHolder startXY = new XYHolder(0f, 0f);  
    XYHolder endXY = new XYHolder(500f, 500f);  
    ObjectAnimator objectAnimator = ObjectAnimator.ofObject(viewXYHolder, "xY", new XYmEvaluator(), startXY, endXY);  
    objectAnimator.setInterpolator(new LinearInterpolator());  
    objectAnimator.setDuration(3000);  
    objectAnimator.start();  
}  
  
public class XYmEvaluator implements TypeEvaluator {  
    public Object evaluate(float fraction, Object startValue, Object endValue) {  
            XYHolder startXY = (XYHolder) startValue;  
            XYHolder endXY = (XYHolder) endValue;  
        return new XYHolder(startXY.getX() + fraction * (endXY.getX() - startXY.getX()),  
            startXY.getY() + fraction * (endXY.getY() - startXY.getY()));  
    }  
}  
  
public class XYHolder{  
    private float mX;  
    private float mY;  
  
    public XYHolder(float x, float y) {  
    mX = x;  
    mY = y;  
}  
  
public float getX() {  
    return mX;  
}  
  
public void setX(float x) {  
    mX = x;  
}  
  
public float getY() {  
    return mY;  
}  
  
public void setY(float y) {  
    mY = y;  
    }  
}  
  
public class ViewXYHolder{  
    private View imageView;  
    public ViewXYHolder(View view){  
        imageView = view;  
    }  
  
//看到这个是否是感觉跟第1种方法1样的感脚，只是封装的不同  
public void setXY(XYHolder xyHolder) {  
    imageView.setX(xyHolder.getX());  
    imageView.setY(xyHolder.getY());  
}  
  
public XYHolder getXY() {  
    return new XYHolder(imageView.getX(), imageView.getY());  
}  
}  

而其实，对这个例子，使用的对象是1个View，Android系统中有封装View属性动画的1个类：ViewPropertyAnimator，其简单使用方式以下：

[html] view plain copy 
private void startViewPropertyAnimation(){  
    ViewPropertyAnimator viewPropertyAnimator;  
    viewPropertyAnimator = mImageView.animate().x(500).y(500);  
    viewPropertyAnimator.setDuration(3000);  
    viewPropertyAnimator.start();  
}  
一样也能实现上面的动画效果，只是只局限于View，不管方法怎样变，但是终究原理都是1样的，都是要同时改变X 和 Y两个属性的值。
复杂1点的例子还是直接参考ApiDemo比较好，ApiDemo里面有个Custom Evaluator，值得学习！



最后引文作者提到了ViewPropertyAnimator类，这个类源码解释的意思大概是：这个类可以自动并优化view对象所触及的某些属性的动画，与用单纯的Animator控制view属性动画不同的是：
Animator更合适于只对view对象的1两个属性进行操作，当view的很多个属性都需要动画操作时用ViewPropertyAnimator比较好，缘由在于后者可以将多个属性操作放在1次invalidate履行，即多个属性的变化可以是调用1次刷新。
而单纯Animator每个属性的变化都要单独调用1次invalidate进行刷新。

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠