上一篇博客主要介绍了如何使用ObjectAnimator来实现我们想要的动画效果。ObjectAnimator是ValueAnimator的子类。上一篇博客中的动画也可以通过使用ValueAnimator动画来实现，在这一篇博客中，我就来介绍如何使用ValueAnimator来实现这些动画！！！ValueAnimator和ObjectAnimator一样，既可以通过在xml中声明也可以在java代码中声明，长久以来我都不用java代码中声明animator，这次我就使用java代码来生成animator实例（其实是因为使用xml声明过valueAnimator动画之后，还是需要通过代码来设置动画更新的监听事件，不如都是用java代码来设置来的痛快）。好了废话不多说，先看一下效果图，由于所有的动画动一样，为了与上一篇ObjectAnimator动画区别，我使用了弹性插值器，具体的在讲述到代码的时候在详说！！！
效果图：
【ValueAnimator的简单介绍和使用】主布局文件：
java文件：
package com.example.valueanimatordemo;
import android.animation.ValueAnimator;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.animation.BounceInterpolator;
import android.animation.ValueAnimator.AnimatorUpdateListener;
import android.widget.ImageView;
public class MainActivity extends AppCompatActivity {private ValueAnimator mValueAnimator;
private ImageView iv;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mValueAnimator = new ValueAnimator();
mValueAnimator.setFloatValues(0.0f,1.0f,2.0f,3.0f);
mValueAnimator.setDuration(5000);
mValueAnimator.setInterpolator(new BounceInterpolator());
iv = (ImageView) findViewById(R.id.iv);
mValueAnimator.setEvaluator(null);
}
public void startScaleXAnimator(View view) {
mValueAnimator.removeAllUpdateListeners();
final float ivScaleX = iv.getScaleX();
AnimatorUpdateListener scaleX = new AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
float rate = (float) animation.getAnimatedValue();
iv.setScaleX(ivScaleX*(1+rate));
}
};
mValueAnimator.setTarget(null);
mValueAnimator.addUpdateListener(scaleX);
mValueAnimator.start();
}public void startScaleYAnimator(View view) {
mValueAnimator.removeAllUpdateListeners();
final float ivScaleY = iv.getScaleY();
AnimatorUpdateListener scaleY = new AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
float rate = (float) animation.getAnimatedValue();
iv.setScaleY(ivScaleY*(1+rate));
}
};
mValueAnimator.setTarget(null);
mValueAnimator.addUpdateListener(scaleY);
mValueAnimator.start();
}public void startAlphaAnimator(View view) {
mValueAnimator.removeAllUpdateListeners();
mValueAnimator.setFloatValues(1.0f,0.3f);
final float alpha = iv.getAlpha();
AnimatorUpdateListener mAlpha = new AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
float rate = (float) animation.getAnimatedValue();
iv.setAlpha(rate*alpha);
}
};
mValueAnimator.setTarget(null);
mValueAnimator.addUpdateListener(mAlpha);
mValueAnimator.start();
}public void startRotateAnimator(View view) {
mValueAnimator.removeAllUpdateListeners();
mValueAnimator.setFloatValues(0.0f,360f);
AnimatorUpdateListener mRotate = new AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
float value = https://www.it610.com/article/(float) animation.getAnimatedValue();
iv.setRotation(value);
}
};
mValueAnimator.setTarget(null);
mValueAnimator.addUpdateListener(mRotate);
mValueAnimator.start();
}public void startRotateXAnimator(View view) {
mValueAnimator.removeAllUpdateListeners();
mValueAnimator.setFloatValues(0.0f,360f);
AnimatorUpdateListener mRotateX = new AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
float value = (float) animation.getAnimatedValue();
iv.setRotationX(value);
}
};
mValueAnimator.setTarget(null);
mValueAnimator.addUpdateListener(mRotateX);
mValueAnimator.start();
}public void startRotateYAnimator(View view) {
mValueAnimator.removeAllUpdateListeners();
mValueAnimator.setFloatValues(0.0f,360f);
AnimatorUpdateListener mRotateY = new AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
float value = (float) animation.getAnimatedValue();
iv.setRotationY(value);
}
};
mValueAnimator.setTarget(null);
mValueAnimator.addUpdateListener(mRotateY);
mValueAnimator.start();
}public void startTranslationXAnimator(View view) {
mValueAnimator.removeAllUpdateListeners();
mValueAnimator.setFloatValues(0,0f,400f);
AnimatorUpdateListener mLocationX = new AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
float value = (float) animation.getAnimatedValue();
//iv.setX(value);
//滑动的起始点为原点
iv.setTranslationX(value);
//滑动的起始点为view所在的X点
}
};
mValueAnimator.setTarget(null);
mValueAnimator.addUpdateListener(mLocationX);
mValueAnimator.start();
}public void startTranslationYAnimator(View view) {
mValueAnimator.removeAllUpdateListeners();
mValueAnimator.setFloatValues(0,0f,400f);
AnimatorUpdateListener mLocationY = new AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
float value = (float) animation.getAnimatedValue();
float rate = animation.getAnimatedFraction();
//iv.setY(value);
//滑动的起始点为原点
iv.setTranslationY(value);
//滑动的起始点为view所在的X点
}
};
mValueAnimator.setTarget(null);
mValueAnimator.addUpdateListener(mLocationY);
mValueAnimator.start();
}public void startSetAnimator(View view){
mValueAnimator.removeAllUpdateListeners();
mValueAnimator.setFloatValues(1.0f,0.3f);
final float alpha = iv.getAlpha();
final float scaleX = iv.getScaleX();
final float scaleY = iv.getScaleY();
AnimatorUpdateListener set = new AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
float rate = (float) animation.getAnimatedFraction();
iv.setScaleX(scaleX+(rate*scaleX)*3);
iv.setScaleY(scaleY+(rate*scaleY)*3);
iv.setRotation(rate*360f);
//iv.setRotationX(rate*360f);
//iv.setRotationY(rate*360f);
iv.setAlpha(rate*alpha);
if(iv.getAlpha()<0.3){
iv.setAlpha(0.3f);
}
}
};
mValueAnimator.setTarget(null);
mValueAnimator.addUpdateListener(set);
mValueAnimator.start();
}
}
在使用ValueAnimator的时候，除了一个插值器之外，还多了一个差值器！在这里我们简单说一下，在下一篇博客中，我们在详细说一下估值器的作用。
估值器就是动画状态更新的一个回调，方法传入的一个ValueAnimator实例，我们可以通过这个实例获取动画的值，如果是控制ScaleX，那么我们获取的值就是一个float值，根据这个值来重新更新View的ScaleX。不过ValueAnimator的动画值也是计算出来的，那么计算的依据是什么呢，相信你已经猜到了吧！！没错就是插值器传出的值，要知道插值器传出的值范围在0~1之间，这代表的是动画的进度，而估值器就是根据插值器返回的值计算当前时刻动画的值。而且无论是插值器还是估值器我们都可以自定义的，好了，不说了，下一篇博客在详说吧！！！
其实单一控制一个属性的动画很容易实现的，但是每次看到其他优秀APP上的动画就感觉没头绪有没有，这其实是因为我们接触的还不够多，相信在不断的学习的情况，在不远的将来，那些我们现在看起来很复杂的动画，都可以轻易实现的！！
好了，关于valueAnimator动画方面就说到这，写一篇博客还会介绍动画相关的内容的，希望大家多多关注！！
这是我的微信公众号，如果可以的话，希望您可以帮忙关注一下，这将是对我最大的鼓励了，谢谢！！
文章图片
代码地址：
https://github.com/zhuyuqiang2017/Animation
