Android属性动画总结

Android属性动画总结

前言

动画应该是Android开发中比较常用相当重要的技能之一,有时候多日不用,用的时候脑子一片空白。这里总结下一属性动画的使用,以备不时之需。
Google官方把动画分为

  • View Animation
  • Drawable Animation
  • Property Animation

作为一个“老Android开发者”,我们一般这样分:

  • Tween Animation:通过对场景里的对象不断做图像变换(平移、缩放、旋转)产生动画效果,即是一种渐变动画;
  • Frame Animation:顺序播放事先做好的图像,是一种画面转换动画。
  • Property Animation:属性动画,通过动态地改变对象的属性从而达到动画效果,属性动画为API 11新特性。

另外两个动画都比较经典这里就不说了,本文主要总结属性动画,
Property Animation 属性动画是Android 3.0 (API level 11)才加入的,一般来说官方也比较推荐用它,因为它提供了更多的属性,使用起来更加的灵活

Android官网Property Animation链接

简述

属性动画系统可以让你定义动画的以下属性:

  • 时长
  • 时间插值
  • 重复次数
  • 动画集Animator sets
  • 帧频率

就像说Java里面说list我们想到了ArrayList,说map我们想到了HashMap,说属性动画我们自然要想到ObjectAnimator,它是属性动画的最典型最重要的类。其他的不是特殊需要可以先不考虑

基本使用

单个动画使用

/**
 * 缩放动画
 * @param v 被缩放的view
 */
private void scale(View v){
    ObjectAnimator anim = ObjectAnimator.ofFloat(v, "scaleX", 2f);//x方向放大两倍
    anim.setDuration(1000);//时长
    anim.setRepeatCount(2);//重复次数
    anim.setRepeatMode(ValueAnimator.REVERSE);//重复时相反的方向恢复到原来的样子
    anim.setInterpolator(new AccelerateInterpolator());//设置插值器为加速度
    anim.start();
}

ofFloat的参数:

  • 第一个参数是要操纵的对象view
  • 第二个参数是属性,比如"x","y","pivotX","translationX","rotationX","scaleX","scaleY"等
  • 第三个参数是可变数组参数,是本属性动画相应的变化值,

ObjectAnimator有那么多方法,这里为什么用ofFloat()而不是ofInt(),ofArgb(),ofMultiFloat()等等,还是那句话它最经典用的最多,这里用它就适合。不要纠结当你发现ofFloat不够用的时候,实现不了的时候再去深入看看其他的

属性动画顾名思义就是针对属性的动画,那么属性动画的属性们有哪些呢:

  • translationX and translationY:这两个属性控制view距离其布局容器的左上角坐标的偏移量
  • rotation, rotationX, and rotationY:这些属性控制围绕轴点进行的2D和3D的旋转
  • scaleX and scaleY: 控制视图绕其轴点的x轴,y轴的缩放倍数
  • pivotX and pivotY:控制轴点的位置,围绕该点旋转和缩放变换发生。默认情况下,轴点位于对象的中心。
  • x and y: 用于描述在其容器视图中的最终位置,作为左侧值和顶部值以及translationX和translationY值的总和。
  • alpha:View视图的透明度,0是完全透明,1是不透明

动画集使用

想要动画效果更加炫酷,肯定不是单一的效果,需要几个动画结合一起执行,这里就要用到AnimatorSet,用法举例:

/**
 * @param v  执行动画的view
 * @param startBounds  开始的边界
 * @param finalBounds  结束时的边界
 * @param startScale  开始的拉伸比率
 */
public void startZoomAnim(View v, Rect startBounds, Rect finalBounds, float startScale) {
    AnimatorSet set = new AnimatorSet();
    set.play(
            ObjectAnimator.ofFloat(v, "x", startBounds.left, finalBounds.left))
            .with(ObjectAnimator.ofFloat(v, "y", startBounds.top, finalBounds.top))
            .with(ObjectAnimator.ofFloat(v, "scaleX", startScale, 1f))
            .with(ObjectAnimator.ofFloat(v, "scaleY", startScale, 1f));

    set.setDuration(200);
    set.setInterpolator(new DecelerateInterpolator());
    set.addListener(new AnimatorListenerAdapter() {
        @Override
        public void onAnimationEnd(Animator animation) {
            //
        }

        @Override
        public void onAnimationCancel(Animator animation) {
            //
        }
    });
    set.start();
}

其实真正开发中你会发现也许AnimatorSet也不能满足你的需求,因为设计的效果也许是一连串的动画效果,这时候你就需要加入动画监听器AnimatorListener,监听到动画之行结束启动另外一个动画

插值器

想要效果更加灵动活泼自然少不了插值器
各个插值器效果参考这里
http://www.cnblogs.com/mengdd/p/3346003.html

总结

上面这些都是属性动画的基础知识,也许复杂的动画自己写监听会很复杂,这里推荐一个开源库,操作属性动画很优雅
https://github.com/florent37/ViewAnimator

ViewAnimator
       .animate(image)
            .translationY(-1000, 0)
            .alpha(0,1)
       .andAnimate(text)
            .dp().translationX(-20, 0)
            .decelerate()
            .duration(2000)
       .thenAnimate(image)
            .scale(1f, 0.5f, 1f)
            .accelerate()
            .duration(1000)
       .start();

参考链接

Android官网Property Animation链接

http://www.jianshu.com/p/0923ab36d682

http://www.cnblogs.com/mengdd/p/3346003.html

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

推荐阅读更多精彩内容

  • 1 背景 不能只分析源码呀,分析的同时也要整理归纳基础知识,刚好有人微博私信让全面说说Android的动画,所以今...
    未聞椛洺阅读 2,688评论 0 10
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,398评论 25 707
  • 转载一篇高质量博文,原地址请戳这里转载下来方便今后查看。1 背景不能只分析源码呀,分析的同时也要整理归纳基础知识,...
    Elder阅读 1,936评论 0 24
  • Animation Animation类是所有动画(scale、alpha、translate、rotate)的基...
    四月一号阅读 1,899评论 0 10
  • 昨日风光无限好,怎奈人心空寂寥。几缕愁丝绕心头,难割舍,难挽留。 今日天气不如意,难挡人儿欢喜笑。几许柔情攀...
    深秋知凉阅读 302评论 0 1