原文首发于微信公众号:jzman-blog,欢送关注交换!
属性动画相较帧动画和补间动画更弱小,帧动画和补间动画只能利用于 View 及其子类,而属性动画能够批改任何对象的属性值,属性值可在指定的一段时间内主动扭转,依据对象属性值的变动进而实现更简单的动画。
- 属性动画的罕用设置
- ValueAnimator
- ObjectAnimator
- 关键帧
- 插值器和估值器
属性动画的罕用设置
上面是属性动画的罕用设置,具体如下:
//设置属性动画持续时间animator.setDuration(2000);//设置属性插值器animator.setInterpolator(new AccelerateInterpolator());//设置属性动画反复播放模式animator.setRepeatMode(ValueAnimator.REVERSE);//设置属性动画反复播放次数animator.setRepeatCount(0);//设置属性动画延时播放的工夫animator.setStartDelay(0);//设置属性动画估值器,用于管制最终属性值(API22)animator.setCurrentFraction(0.5f);//设置以后播放工夫,其值在Duration范畴之内animator.setCurrentPlayTime(1000);//设置属性动画估值器,用于管制最终属性值animator.setEvaluator(new IntEvaluator());//设置属性动画监听animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { @Override public void onAnimationUpdate(ValueAnimator animation) { Log.i(TAG, animation.getAnimatedValue() + ""); // }});//...
ValueAnimator
ValueAnimator 提供了一个简略的计时引擎,用于执行动画时依据设置的时长以及其余属相实现动画值的计算,而后就能够将动画值设置到适合的指标对象上,应用的插值器默认时 AccelerateDecelerateInterpolator,示意动画开始和完结时较慢,两头减速实现动画,上面是源码中默认的插值器,具体如下:
// The time interpolator to be used if none is set on the animationprivate static final TimeInterpolator sDefaultInterpolator = new AccelerateDecelerateInterpolator();
在 ValueAnimator 中曾经外部解决了一些估值器 IntEvaluator 和 FloatEvaluator,也就是说如果应用的时 ofInt 和 ofFloat 办法作为动画的属性值,那么 ValueAnimator 会主动解决 int 和 float 值的变动,在源码中找了一下,这部分内容在 PropertyValuesHolder 这个类中,具体如下:
void init() { if (mEvaluator == null) { // We already handle int and float automatically, but not their Object // equivalents mEvaluator = (mValueType == Integer.class) ? sIntEvaluator : (mValueType == Float.class) ? sFloatEvaluator : null; } if (mEvaluator != null) { // KeyframeSet knows how to evaluate the common types - only give it a custom // evaluator if one has been set on this class mKeyframes.setEvaluator(mEvaluator); }}
ValueAnimator 能够应用代码创立,也能够应用 xml 创立,上面以平移动画为例阐明 ValueAnimator 的应用形式,其余如缩放、旋转等应用形式相似。
应用代码创立
private void translation(){ ValueAnimator valueAnimator = ValueAnimator.ofInt(0, 100); valueAnimator.setDuration(2000); valueAnimator.setInterpolator(new AccelerateInterpolator()); valueAnimator.setRepeatMode(ValueAnimator.REVERSE); valueAnimator.setRepeatCount(0); valueAnimator.setStartDelay(0);// valueAnimator.setCurrentFraction(0.5f);// valueAnimator.setCurrentPlayTime(1000); valueAnimator.setEvaluator(new IntEvaluator()); valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { @Override public void onAnimationUpdate(ValueAnimator animation) { Log.i(TAG, animation.getAnimatedValue() + ""); int x = (int) animation.getAnimatedValue(); ivImage.setTranslationX(x); ivImage.setTranslationY(x); } }); valueAnimator.start();}
应用xml创立
在 res/animator 文件夹下创立 test_animator.xml 文件,文件内容如下:
<?xml version="1.0" encoding="utf-8"?><animator xmlns:android="http://schemas.android.com/apk/res/android" android:valueFrom="0" android:valueTo="100" android:valueType="intType" android:duration="2000" android:startOffset ="0" android:repeatMode = "reverse" android:repeatCount = "0" android:interpolator = "@android:anim/accelerate_interpolator"></animator>
而后在 Activity 中获取 ValueAnimator,设置指标对象,启动动画即可,具体如下:
private void translation(){ ValueAnimator animator = (ValueAnimator) AnimatorInflater.loadAnimator(this,R.animator.test_animator); animator.setTarget(ivImage); animator.start(); animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { @Override public void onAnimationUpdate(ValueAnimator animation) { Log.i(TAG, animation.getAnimatedValue() + ""); int x = (int) animation.getAnimatedValue(); ivImage.setTranslationX(x); ivImage.setTranslationY(x); } });}
测试成果
这里应用 ValueAnimator 来实现平移动画,测试成果如下:
ObjectAnimator
ObjectAnimator 是 ValueAnimator 的子类,可在指标对象上反对动画属性的设置,在其构造方法中通过参数指定指标对象以及所对应动画属性的名称,而后会相应的执行对应的动画属性的 setter 办法来最终实现动画的执行,也就是说属性动画 ObjectAnimator 最终调用指标对象的 setter 办法实现指标对象属性值的变动,而后相应的扭转指标对象的属性,从而实现目标对象的动画成果,上面以透明度变动来介绍 ObjectAnimator 的根本应用,代码参考如下:
private void alpha(){ ObjectAnimator animator = ObjectAnimator.ofFloat(ivImage,"alpha",1f,0,1f); animator.setDuration(3000); //其余属性动画设置 //... animator.start();}
上面是测试成果,如下图所示:
至于平移、旋转、缩放动画实现形式根本如上,这里不再赘述,其对应的 setter 办法对应关系如下:
属性 | 作用 | 对应办法 |
---|---|---|
Alpha | 管制View的透明度 | setAlpha |
TranslationX | 管制X方向的位移 | setTranslationX |
TranslationY | 管制Y方向的位移 | setTranslationY |
ScaleX | 管制X方向的缩放倍数 | setScaleX |
ScaleY | 管制Y方向的缩放倍数 | setScaleY |
Rotation | 管制以屏幕方向为轴的旋转度数 | setRotation |
RotationX | 管制以X轴为轴的旋转度数 | setRotationX |
RotationY | 管制以Y轴为轴的旋转度数 | setRotationY |
ObjectAnimator 提供了很多的 ofXxx() 办法来方面设置属性动画,如下图所示:
可依据不同的动画需要应用 ObjectValueAnimator 不同 ofXxx() 办法来实现相应的动画。
关键帧
这里简略说一下关键帧的应用,顾名思义关键帧就是在某个固定时刻上定义具体的属性值,为定义的将依照估值器返回的值返回属性值,属性动画中的关键帧应用形式如下:
/** * 关键帧的应用 */private void keyFrame(){ Keyframe keyframe1 = Keyframe.ofFloat(0,0); Keyframe keyframe2 = Keyframe.ofFloat(0.25f,300); //每个KeyFrame可设置本人的插值器 keyframe2.setInterpolator(new AccelerateInterpolator()); Keyframe keyframe3 = Keyframe.ofFloat(0.75f,100); Keyframe keyframe4 = Keyframe.ofFloat(1,400); PropertyValuesHolder holder = PropertyValuesHolder.ofKeyframe("translationX",keyframe1,keyframe2,keyframe3,keyframe4); ObjectAnimator animator = ObjectAnimator.ofPropertyValuesHolder(ivImage,holder); animator.setDuration(3000); animator.start();}
看一下增加关键帧之后对一般平移动画的扭转,实现测试成果如下:
插值器和估值器
- 插值器(TimeInterpolator) 示意的是整个动画期间动画的变化规律,如减速、加速等。
Android 内置许多插值器,这些插值器根本涵盖了理论开发中的大部分状况,具体如下:
如果内置的插值器不满足需要,也能够自定义插值器。
- 估值器(TypeEvaluator)示意的是在整个动画期间各时刻属性值的具体变动。
这里自定义一个估值器来实现一个 View 沿正弦曲线静止,自定义估值器如下:
/** * 自定义估值器 * Point封装了坐标x和y */public class SineTypeValue implements TypeEvaluator<Point> { @Override public Point evaluate(float fraction, Point startValue, Point endValue) { //y = sinA float distance = fraction * (endValue.getX() - startValue.getX()); float x = startValue.getX() + distance; float y = startValue.getY() + (float) Math.sin(distance / 100 * Math.PI) * 100; Point point = new Point(); point.setX(x); point.setY(y); return point; }}
而后给动画设置该估值器,监听动画属性设置 View 的地位即可实现一个 View 沿正弦曲线静止,应用形式如下:
/** * 自定义估值器的应用 * 正弦静止的估值器 */private void sina(){ Point startPoint = new Point(ivImage.getX(),ivImage.getY()); Point endPoint = new Point(ivImage.getX()+500,ivImage.getY()); ValueAnimator valueAnimator = ValueAnimator.ofObject(new SineTypeValue(), startPoint, endPoint); valueAnimator.setDuration(5000); valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { @Override public void onAnimationUpdate(ValueAnimator animation) { Log.i(TAG, animation.getAnimatedValue() + ""); Point point = (Point) animation.getAnimatedValue(); ivImage.setX(point.getX()); ivImage.setY(point.getY()); } }); valueAnimator.start();}
测试成果如下:
能够关注公众号:躬行之(jzman-blog),一起交流学习。