Android动画总结

动画分为三种:View动画、帧动画和属性动画

View动画

View动画共有四种动画:TranslateAnimation、RotateAnimation、ScaleAnimation和AlphaAnimation。四个动画类都继承于抽象类Animation。

名称 标签 子类 效果
平移动画 <translate> TranslateAnimation 移动View
缩放动画 <scale> ScaleAnimation 放大或缩小View
旋转动画 <rotate> RotateAnimation 旋转View
透明度动画 <alpha> 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
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:fromXDelta="0"
        android:toXDelta="100"
        android:fromYDelta="0"
        android:toYDelta="0"
        />
</set>

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
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">

    <item android:drawable="@drawable/voice_1" android:duration="500"/>
    <item android:drawable="@drawable/voice_2" android:duration="500"/>
    <item android:drawable="@drawable/voice_3" android:duration="500"/>

</animation-list>
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
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:ordering="sequentially">

    <objectAnimator
        android:propertyName="backgroundColor"
        android:duration="3000"
        android:valueFrom="0xFFFF8080"
        android:valueTo="0xFF8080FF"
        android:repeatCount="infinite"
        android:repeatMode="reverse"
        android:valueType="intType" />

</set>
 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开发艺术探索

  1. 帧动画容易出现OOM问题。
  2. 属性动画中如果是无限循环的动画,需要在Activity退出时及时停止,否则造成内存泄露;而View动画不存在此问题。
  3. View动画是对View的影像做动画,并不是真正改变View的状态。有时候出现动画完成后View无法隐藏的问题,调用view.clearAnimation()清除动画即可解决问题。
  4. 动画移动View后,view单击区域的区别在于:属性动画可在移动后的位置触发单击事件,而View动画仍然在原位置。
动画工具类

根据常用的动画操作,封装成可方便调用的代码工具类
动画工具类

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,542评论 6 504
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,822评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,912评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,449评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,500评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,370评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,193评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,074评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,505评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,722评论 3 335
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,841评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,569评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,168评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,783评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,918评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,962评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,781评论 2 354

推荐阅读更多精彩内容