属性动画制作

Posted 2020-10-10 菜鸟东东

有一个非常好的大牛帖子：

http://blog.csdn.net/lmj623565791/article/details/38067475

这里mbuleball指的是自己绘制的那个蓝色的球如果发现报错将其改成自己要变动的控件如图片就行

 

属性动画笔记：

http://blog.csdn.net/guolin_blog/article/details/43536355

主要的类ValueAnimator，ObjectAnimator，AnimatorInflater，AnimatorSet ，PropertyValuesHolder

 

ValueAnimator核心类，需要初始值和结束值，运行的时长，ValueAnimator从初始值平滑地过渡到结束值。

1. ValueAnimator anim = ValueAnimator.ofFloat(0f, 1f);  浮点过渡
2. anim.setDuration(300);  
3. anim.start(); 

 ValueAnimator.ofInt(0, 100);  整点过渡

 

ObjectAnimator常用，继承自ValueAnimator，可以对对象的属性进行操作了。

ofFloat()参数变化。第一个要执行动画的对象，第二个参数是需要操作的属性例如"alpha"等，后面的参数为

过渡的值（开始到结束，参数个数不定）。

 

1. ObjectAnimator animator = ObjectAnimator.ofFloat(textview, "rotation", 0f, 360f);  
2. animator.setDuration(5000);  
3. animator.start();  

 

 

 

AnimatorInflater使用XML来编写动画

1. Animator animator = AnimatorInflater.loadAnimator(context, R.animator.anim_file);  
2. animator.setTarget(view);  
3. animator.start();  

 

 

AnimatorSet组合动画

play()方法中传入一个ValueAnimator或ObjectAnimator将会返回一个AnimatorSet.Builder的实例，AnimatorSet.Builder中包括以下四个方法：

• after(Animator anim)   将现有动画插入到传入的动画之后执行
• after(long delay)   将现有动画延迟指定毫秒后执行
• before(Animator anim)   将现有动画插入到传入的动画之前执行
• with(Animator anim)   将现有动画和传入的动画同时执行

1. ObjectAnimator moveIn = ObjectAnimator.ofFloat(textview, "translationX", -500f, 0f); 

上面平移动画后俩个参数表示动画开始和结束时x轴的（像素）偏移量。 

2. ObjectAnimator rotate = ObjectAnimator.ofFloat(textview, "rotation", 0f, 360f);  
3. ObjectAnimator fadeInOut = ObjectAnimator.ofFloat(textview, "alpha", 1f, 0f, 1f);  
4. AnimatorSet animSet = new AnimatorSet();  
5. animSet.play(rotate).with(fadeInOut).after(moveIn);  
6. animSet.setDuration(5000);  
7. animSet.start();  

 

PropertyValuesHolder组合动画

ObjectAnimator.ofPropertyValuesHolder（）方法内可以放任意多个PropertyValuesHolder 对象

PropertyValuesHolder 类似ObjectAnimator对象，但不同点是PropertyValuesHolder 的对象可以当作

ObjectAnimator方法里的参数。

 

PropertyValuesHolder objectAnimatorScaleX = PropertyValuesHolder.ofFloat("scaleX", 0f, 1f); PropertyValuesHolder objectAnimatorScaleY = PropertyValuesHolder.ofFloat("scaleY", 0f, 1f); /**同时播放两个动画**/ ObjectAnimator.ofPropertyValuesHolder(iv, objectAnimatorScaleX, objectAnimatorScaleY).setDuration(1000).start();

 

 

控件沿贝塞尔曲线轨迹做动画。

示例网址：http://www.tuicool.com/articles/IjeQN3Z

核心代码：ValueAnimator.ofObject(new BezierEvaluator(), new PointF(0,0),new PointF(width,height));

主要用到的类：TypeEvaluator<PointF>，这个类的作用是计算动画当前时间控件所在的位置，它内部只有一个

evaluate（float fraction, PointF startValue, PointF endValue）方法，第一个参数可以理解为当前时间占总时间的比例，根据动画的加速模式自动传入，后两个参数就是ofObject方法参数中的起始值和结束值，在这里我们新建类继承了

TypeEvaluator类，重写evaluate方法，将动画轨迹写成贝塞尔曲线，这时候将新建类的对象当作动画的主体，并输入贝塞尔起点与终点坐标，这时候所谓的动画其实是不可见的，只是沿着贝塞尔曲线的起点到终点过的的坐标的变化，要实现控件按照曲线移动还需要做一步，对动画监听，获取过程中每个点的位置，并设置给控件，这样就达到了控件按照曲线的移动的动画效果。

监听部分代码

valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {

@Override

public void onAnimationUpdate(ValueAnimator animation) {

PointF pointF = (PointF)animation.getAnimatedValue();

te.setX(pointF.x);

te.setY(pointF.y);

}

});