View(3) 的属性动画
参考链接 向刘老师学习，所以摘抄了老师的笔记，只想作为自己的技术积累。
前言
View 的属性动画可以使其展现时更加帅气，结合好的动画可以优化用户体验。
视图动画
视图动画不具有交互性，当某个元素发生视图动画后，其响应事件的位置依然在动画前的地方，所以视图动画只能做普通的动画效果，避免交互的发生。但是它的优点也非常明显：效率比较高使用也方便。
AlphaAnimation，RotateAnimation,TranslateAnimation,ScaleAnimation四种动画方式，并提供了AnimationSet动画集合来混合使用多中动画。
属性动画
由于android3.0之前已有的动画框架Animation存在一些局限性：动画改变的只是显示，并不能响应事件。因此，在android3.0之后，谷歌就推出了新的动画框架，帮助开发者实现更加丰富的动画效果。
在Animator框架中使用最多的就是AnimatorSet和ObjectAnimator配合，使用ObjectAnimator进行更精细化的控制，控制一个对象和一个属性值，而使用多个ObjectAnimator组合到AnimatorSet形成一个动画。属性动画通过调用属性get,set方法来真实地控制了一个View的属性值，因此强大的属性动画框架，基本可以实现所有的动画效果。
ObjectAnimator
ObjectAnimator是属性动画最重要的类，创建一个ObjectAnimator只需通过他的静态工厂类直接返还一个ObjectAnimator对象。参数包括一个对象和对象的属性名字，但这个属性必须有get和set函数，内部会通过java反射机制来调用set函数修改对象的属性值。
来看看平移动画是如何实现的：
利用Java实现
ObjectAnimator mObjectAnimator=ObjectAnimator.ofFloat(view,"translationX",200);
mObjectAnimator.setDuration(300);
mObjectAnimator.start();
利用kotlin实现
objectAnimatior = ObjectAnimator.ofFloat(mv_test, "translationX", 200.toFloat())
objectAnimatior.duration = 3000
objectAnimatior.start()
通过ObjectAnimator 的静态工厂方法，创建一个ObjectAnimator 对象，第一个对象是要操作的View，第二个参数则是要操纵的属性，最后一个参数是一个可变的数组参数，需要传进去一个该属性变化的一个取值的过程，这里设置了一个参数，变化到200。与视图动画一样，也可以给属性动画设置显示时长，差值器等属性。在使用ObjectAnimator的时候，有一个非常重要，那就是是要操纵的属性必须要有get,set方法，不然ObjectAnimator 就无法起效。下面就是一些常用的可以直接使用的属性动画的属性值：
-
translationX和translationY：这两个属性作为增量控制View对象从他的布局容器的左上角开始位置。负责View位置的改变。 -
rotation、rotationX、rotationY：这三个属性控制View对象围绕它的支点进行2D和3D旋转。 -
PrivotX和PrivotY：控制View对象的支点位置，围绕这个支点进行旋转和缩放变换处理。默认该支点位置就是View对象的中心点。 -
alpha：透明度，默认是1（不透明），0代表完全透明。 -
x和y：描述View对象在它容器中的最终位置，它是最初的做上角坐标和translationX，translationY值的累计的和。
如果一个属性没有get,set方法，也可以通过自定义一个属性类或则包装类来间接地给这个属性增加get和set方法。来看看如何通过包装类的方法给一个属性增加get和set方法：
private static class MyView{
private View mTarget;
private MyView(View mTarget){
this.mTarget=mTarget;
}
public int getWidth(){
return mTarget.getLayoutParams().width;
}
public void setWidth(int width){
mTarget.getLayoutParams().width=width;
mTarget.requestLayout();
}
}
使用时只需要操纵包类就可以调用get,set方法：
MyView mMyView=new MyView(mButton);
ObjectAnimator.ofInt(mMyView,"width",500).setDuration(500).start();
ValueAnimator
ValueAnimator不提供任何动画效果，它更像一个数值发生器，用来产生一定规律数字，从而让调用者来控制动画的实现过程。通常情况下，在ValueAnimator的AnimatorUpdateListener中监听数值的变化，从而完成动画的变换：
ValueAnimator mValueAnimator=ValueAnimator.ofFloat(0,100);
mValueAnimator.setTarget(view);
mValueAnimator.setDuration(1000).start();
mValueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
Float mFloat=(Float)animation.getAnimatedValue();
}
});
}
我自己的Demo代码如下：
private fun valueSimpleTest() {
valueAnimator = ValueAnimator.ofInt(0, 400)
valueAnimator.duration = 3000
valueAnimator.addUpdateListener { valueAnimator ->
val currentValue: Int = valueAnimator.animatedValue as Int
tv_test.layout(tv_test.left, currentValue, tv_test.right, currentValue + tv_test.height)
}
valueAnimator.start()
}
效果图
动画的监听
完整的动画具有start,Repeat,End,Cancel四个过程：
ObjectAnimator animator=ObjectAnimator.ofFloat(view,"alpha",1.5f);
animator.addListener(new Animator.AnimatorListener() {
@Override
public void onAnimationStart(Animator animation) {
}
@Override
public void onAnimationEnd(Animator animation) {
}
@Override
public void onAnimationCancel(Animator animation) {
}
@Override
public void onAnimationRepeat(Animator animation) {
}
});
}
大部分时候我们只关心onAnimationEnd事件，android也提供了AnimatorListenterAdaper来让我门选择必要的事件进行监听：
ObjectAnimator animator=ObjectAnimator.ofFloat(view,"alpha",1.5f);
animator.addListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator animation) {
super.onAnimationEnd(animation);
}
});
组合动画-AnimatorSet
这个类提供了一个play()方法，如果我们向这个方法中传入一个Animator对象(ValueAnimator或ObjectAnimator)将会返回一个AnimatorSet.Builder的实例，AnimatorSet.Builder中包括以下四个方法：
- after(Animator anim) 将现有动画插入到传入的动画之后执行
- after(long delay) 将现有动画延迟指定毫秒后执行
- before(Animator anim) 将现有动画插入到传入的动画之前执行
- with(Animator anim) 将现有动画和传入的动画同时执行
ObjectAnimator animator1 = ObjectAnimator.ofFloat(mCustomView, "translationX", 0.0f, 200.0f, 0f);
ObjectAnimator animator2 = ObjectAnimator.ofFloat(mCustomView, "scaleX", 1.0f, 2.0f);
ObjectAnimator animator3 = ObjectAnimator.ofFloat(mCustomView, "rotationX", 0.0f, 90.0f, 0.0F);
AnimatorSet set=new AnimatorSet();
set.setDuration(1000);
set.play(animator1).with(animator2).after(animator3);
set.start();
首先我们创建三个ObjectAnimator，分别是animator1、animator2和animator3。然后创建AnimatorSet，在这里我们先执行animator3，然后同时执行animator1和animator2的动画，当然也可以调用set.playTogether(animator1,animator2);来使这两种动画同时执行。
我的例子代码如下：
private fun animationSet() {
val animator1 = ObjectAnimator.ofFloat(tv_test, "translationX", 0.0f, 200.0f, 0f)
val animator2 = ObjectAnimator.ofFloat(tv_test, "scaleX", 1.0f, 2.0f)
val animator3 = ObjectAnimator.ofFloat(tv_test, "rotationX", 0.0f, 90.0f, 0.0f)
val set = AnimatorSet()
set.duration = 1000
set.play(animator1).with(animator2).after(animator3)
set.start()
}
效果图
组合动画-PropertyValuesHolder
除了上面AnimatorSet类还可以使用PropertyValuesHolder类来实现组合动画，不过这个组合动画就没有上面的丰富了，使用PropertyValuesHolder类只能多个动画一起执行。当然我们得结合ObjectAnimator.ofPropertyValuesHolder(Object target,PropertyValuesHolder… values);方法来使用。第一个参数是动画的目标对象，之后的参数是PropertyValuesHolder类的实例，可以有多个这样的实例。代码如下：
PropertyValuesHolder valuesHolder1 = PropertyValuesHolder.ofFloat('scaleX', 1.0f, 1.5f);
PropertyValuesHolder valuesHolder2 = PropertyValuesHolder.ofFloat('rotationX', 0.0f, 90.0f, 0.0F);
PropertyValuesHolder valuesHolder3 = PropertyValuesHolder.ofFloat('alpha', 1.0f, 0.3f, 1.0F);
ObjectAnimator objectAnimator = ObjectAnimator.ofPropertyValuesHolder(imageView, valuesHolder1, valuesHolder2, valuesHolder3);
objectAnimator.setDuration(2000).start();
这个不难，偷个懒。
xml中使用属性动画
和视图动画一样，属性动画也可以直接写在xml中：
在res文件中新建animator文件，在里面新建一个scale.xml,里面的内容如下：
<?xml version="1.0" encoding="utf-8"?>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:duration="1000"
android:propertyName="scaleX"
android:valueFrom="1.0"
android:valueTo="2.0"
android:valueType="floatType"
>
</objectAnimator>
程序中引用xml定义的属性动画：
Animator animator=AnimatorInflater.loadAnimator(this,R.animator.scale);
animator.setTarget(view);
animator.start();
我的实现代码如下：
private fun moveViaAnimation() {
// 使用动画使其位移
mv_test.animation = AnimationUtils.loadAnimation(this, R.anim.translate)
ObjectAnimator.ofFloat(mv_test, "translationX", 0.toFloat(), 300.toFloat()).setDuration(1000).start()
}
效果图
