动画分为三种:View动画、帧动画和属性动画
View动画
View动画共有四种动画:TranslateAnimation、RotateAnimation、ScaleAnimation和AlphaAnimation。四个动画类都继承于抽象类Animation。
名称
标签
子类
效果
平移动画
TranslateAnimation
移动View
缩放动画
ScaleAnimation
放大或缩小View
旋转动画
RotateAnimation
旋转View
透明度动画
AlphaAnimation
改变View的透明度
View动画既可以在xml中定义,也可以在代码中实现。
除了以前四种动画外,还有个动画集合类AnimationSet,它主要是可以将一系列动画按一定的顺序连续播放。
TranslateAnimation
TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta)
fromXDelta:水平方向上x的初始值
toXDelta:水平方向上x的结束值
fromYDelta:垂直方向上y的初始值
toYDelta:垂直方向上y的结束值
RotateAnimation
RotateAnimation(float fromDegrees, float toDegrees, float pivotX, float pivotY)
fromDegrees:旋转开始的角度
toDegrees:旋转最终的角度
pivotX:旋转的轴心坐标x
pivotY:旋转的轴心坐标y
不周的旋转轴心,旋转动画效果不一样,如果构造函数不传旋转的轴心坐标,轴心默认是View左上角的顶点。
ScaleAnimation
ScaleAnimation(float fromX, float toX, float fromY, float toY,
float pivotX, float pivotY)
fromX:水平方向上缩放的初始值
toX:水平方向上缩放的结束值
fromY:垂直方向上缩放的初始值
toY:垂直方向上缩放的结束值
pivotX:缩放的轴心坐标x
pivotY:缩放的轴心坐标y
如果水平方向和垂直方向放大一倍,如果缩放的轴心是View的中心,则水平方向左右各放大0.5倍,垂直方向上下各放大0.5倍;如果缩放的轴心是左上角的顶点,则水平方向往右放大一倍,垂直方向往下放大一倍。
AlphaAnimation
AlphaAnimation(float fromAlpha, float toAlpha)
fromAlpha:透明度初始值
toAlpha:透明度最终值
示例
代码
TranslateAnimation translateAnimation = new TranslateAnimation(0,100,0,100);
translateAnimation.setDuration(3000); //设置时长为3秒
translateAnimation.setFillAfter(true); //设置view停留在动画结束的位置
mTestView.startAnimation(translateAnimation);
xml
//res/anim/translate.xml
android:fromXDelta="0"
android:toXDelta="100"
android:fromYDelta="0"
android:toYDelta="0"
/>
setFillAfter(boolean fillAfter)
动画结束后,view是否停留在动画结束的位置,如果不设置,默认为false
AnimationSet
AnimationSet(boolean shareInterpolator)
shareInterpolator:表示集合中的动画和集合是否共用一个插值器
AnimationSet animationSet = new AnimationSet(false);
animationSet.addAnimation(translateAnimation());
animationSet.addAnimation(alpaAnimation());
animationSet.addAnimation(scaleAnimation());
animationSet.setDuration(6000);
mTestView.startAnimation(animationSet);
AnimationListener
监听动画接口
translateAnimation.setAnimationListener(new Animation.AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
// 动画开始前的回调
}
@Override
public void onAnimationEnd(Animation animation) {
// 动画结束后的回调
}
@Override
public void onAnimationRepeat(Animation animation) {
// 动画循环播放的回调
}
});
自定义View动画
View动画继承于抽象类Animation,自定义View动画,需要继承抽象类Animation,并且重写initialize和applyTransformation方法。
View动画特殊使用
LayoutAnimation
LayoutAnimation作用于ViewGroup,当ViewGroup子元素显示时,会增加一个出场动画。
Activity的切换动画
void overridePendingTransition(int enterAnim, int exitAnim)
帧动画
帧动画是顺序播放一组预先定义好的图片,主要用到AnimationDrawable来定义帧动画。
//res/drawable/voic_animation_list
android:oneshot="false">
AnimationDrawable animationDrawable = (AnimationDrawable)
ContextCompat.getDrawable(this,R.drawable.voice_animation_list);
mImageView.setImageDrawable(animationDrawable);
animationDrawable.start();
可以不使用xml定义动画帧列表,通过AnimationDrawable的addFrame()方法逐个添加图片。
addFrame(@NonNull Drawable frame, int duration)
属性动画
属性动画作用的对象不仅是View,还可以是其他对象。属性动画主要是在一段时间内使对象其中一个属性值发生变化。主要的类有:Animator、ValueAnimator、ObjectAnimator、AnimatorSet等。
类关系图
animator.png
示例
代码
ValueAnimator colorAnim = ObjectAnimator.ofInt(mTestView,"backgroundColor",
0xFFFF8080,0xFF8080FF); // 改变mTestView的背景色属性值
colorAnim.setDuration(3000); // 设置时长
colorAnim.setEvaluator(new ArgbEvaluator()); // 设置插值器
colorAnim.setRepeatCount(ValueAnimator.INFINITE); // 设置播放次数,INFINITE = -1,-1时无限播放
colorAnim.setRepeatMode(ValueAnimator.REVERSE); // 设置重复播放的模式,反转播放
colorAnim.start();
......
// 动画集合播放
AnimatorSet animatorSet = new AnimatorSet();
animatorSet.playTogether(colorAnim,...);
animatorSet.start();
xml
// res/animator/color_animator
android:ordering="sequentially">
android:propertyName="backgroundColor"
android:duration="3000"
android:valueFrom="0xFFFF8080"
android:valueTo="0xFF8080FF"
android:repeatCount="infinite"
android:repeatMode="reverse"
android:valueType="intType" />
AnimatorInflater.loadAnimator(this,R.animator.color_animator);
字段名说明
ObjectAnimator ofInt(Object target, String propertyName, int... values)
target:作用的对象。
propertyName : 对象中的属性名,至少实现属性的set()方法,get()方法可以提供默认初始值。
values : 属性变化值,如果传一个参数,表示结束值;两个或以上多个参数第一个参数是初始值,第二个参数及后面的参数是中间值或结束值。
View常见的属性名(propertyName)
属性名
作用
rotationX
绕着水平中心旋转
rotationY
绕着垂直中心旋转
rotation
绕着正中心旋转
translationX
水平方向平移
translationY
垂直方向平移
scaleX
水平方向缩放
scaleY
垂直方向缩放
alpha
透明度
AnimationListener
属性动画监听器,主要接口和类:AnimatorListener,AnimatorListenerAdapter、AnimatorUpdateListener,AnimatorPauseListener。
mObjectAnimator.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) {
}
});
animatorListener.png
插值器
插值器的作用是根据时间流逝的百分比来计算属性值变化的百分比
常用插值器:
名称
作用
LinearInterpolator
动画以均匀的速度改变
AccelerateInterpolator
在动画开始的地方改变速度较慢,然后开始加速
AccelerateDecelerateInterpolato
在动画开始、结束的地方改变速度较慢,中间时加速
CycleInterpolator
动画循环播放特定次数,变化速度按正弦曲线改变: Math.sin(2 mCycles Math.PI * input)
DecelerateInterpolato
在动画开始的地方改变速度较快,然后开始减速
AnticipateInterpolator
反向,先向相反方向改变一段再加速播放
AnticipateOvershootInterpolator
开始的时候向后然后向前甩一定值后返回最后的值
BounceInterpolator
跳跃,快到目的值时值会跳跃,如目的值100,后面的值可能依次为85,77,70,80,90,100
OvershottInterpolator
回弹,最后超出目的值然后缓慢改变到目的值
估值器
估值器的作用是将插值器计算出来的属性变化百分比来计算变化后的属性值
常见的估值器:
名称
作用
IntEvaluator
用于计算int属性
FloatEvaluator
用于计算float属性
ArgbEvaluator
用于计算16进制表示颜色值的计算器
TypeEvaluator
上述计算类的公共接口,可以自己实现接口完成自定义。
使用动画的注意事项
摘自Android开发艺术探索
帧动画容易出现OOM问题。
属性动画中如果是无限循环的动画,需要在Activity退出时及时停止,否则造成内存泄露;而View动画不存在此问题。
View动画是对View的影像做动画,并不是真正改变View的状态。有时候出现动画完成后View无法隐藏的问题,调用view.clearAnimation()清除动画即可解决问题。
动画移动View后,view单击区域的区别在于:属性动画可在移动后的位置触发单击事件,而View动画仍然在原位置。
动画工具类
根据常用的动画操作,封装成可方便调用的代码工具类
动画工具类