属性动画核心API以及使用

属性动画的原理:初始化动画值,然后把该值设置到属性中,接着注册垂直同步信号,最后进行View重绘。这个过程是一直循环进行的。动画对值进行了修改,但是没有涉及到重绘,是因为垂直同步信号,在安卓中每隔16ms发送一次,对View进行了重新绘制测量和布局。

API3.0之后提出的动画模式,优点如下

  • 不再局限于View对象,无对象也可以进行动画处理。
  • 不再局限于4种基本变换:平移,旋转,缩放,透明度。
  • 可以灵活的操作任意对象属性,根据自己业务来实现自己想要的结果。

核心API

  • ObjectAnimator 对象动画
  • ValueAnimator 值动画
  • PropertyValuesHolder 用于多个动画同时执行
  • TypeEvaluator 估值器
  • Interpolator 插值器
  • AnimatorSet 动画集合

基础使用

  • ObjectAnimator 操作对象属性,不局限于对象,并且动画可以一起执行。
ObjectAnimator alphaAnim = ObjectAnimator.ofFloat(v, "alpha", 1.0f, 0.3f,1.0f);
alphaAnim.setDuration(1000);//执行时间
alphaAnim.setStartDelay(300);//延迟
alphaAnim.start();

“alpha”是透明度,除此之外,还有平移,缩放,旋转。

  • AnimatorSet 动画集合
    ObjectAnimator除了单个执行外,还可以使用AnimatorSet一起执行动画。
ObjectAnimator animator1 = ObjectAnimator.ofFloat(iv, "translationX", 0f, 500F);
ObjectAnimator animator2 = ObjectAnimator.ofFloat(iv, "alpha", 0f, 1f);
ObjectAnimator animator3 = ObjectAnimator.ofFloat(iv, "scaleX", 0f, 2f);

AnimatorSet animatorSet = new AnimatorSet();
animatorSet.setDuration(500);

//animatorSet.play(animator3).with(animator2).before(animator1);//链式调用顺序
//animatorSet.play(animator3).with(animator2).after(animator1);//链式调用顺序      
//animatorSet.playTogether(animator1,animator2,animator3);//一起执行
animatorSet.playSequentially(animator2, animator1, animator3);//顺序执行
animatorSet.start();
  • ValueAnimator 值动画
    上面的ObjectAnimator设置的属性的名字都是系统要求固定的,还可以使用其它任意的名字来进行操作,需要配置ValueAnimator
ObjectAnimator animator = ObjectAnimator.ofFloat(v, "hello", 0f, 100f,50f);
animator.setDuration(300);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
     @Override
     public void onAnimationUpdate(ValueAnimator animation) {
           float value = (float) animation.getAnimatedValue();//百分比的所对应的值
           Log.d("dn_alan", value + "");
           v.setScaleX(0.5f + value / 200);
           v.setScaleY(0.5f + value / 200);
     }
});
animator.start();
//animator.setRepeatCount(2);//重复次数
//animator.setRepeatCount(ValueAnimator.INFINITE);//无限次数
  • Interpolator 插值器

插值器是由API提供的一组算法,用来操作动画执行是的变换规则,省去了一些自己写算法的麻烦,大致分为九种

ValueAnimator animator = new ValueAnimator();
animator.setDuration(3000);
animator.setObjectValues(new PointF(0, 0));
final PointF point = new PointF();
//估值
animator.setEvaluator(new TypeEvaluator() {
    @Override
    public Object evaluate(float fraction, Object startValue, Object endValue) {
        point.x = 100f * (fraction * 5);
        // y=vt=1/2*g*t*t(重力计算)
        point.y = 0.5f * 98f * (fraction * 5) * (fraction * 5);
        return point;
    }
});

animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator animation) {
        v.setX(point.x);
        v.setY(point.y);
    }
});


//加速插值器,公式: y=t^(2f) (加速度参数. f越大,起始速度越慢,但是速度越来越快)
animator.setInterpolator(new AccelerateInterpolator(10));

//减速插值器公式: y=1-(1-t)^(2f) (描述: 加速度参数. f越大,起始速度越快,但是速度越来越慢)
//animator.setInterpolator(new DecelerateInterpolator());

//先加速后减速插值器 y=cos((t+1)π)/2+0.5
//animator.setInterpolator(new AccelerateDecelerateInterpolator());

//张力值, 默认为2,T越大,初始的偏移越大,而且速度越快 公式:y=(T+1)×t3–T×t2
//animator.setInterpolator(new AnticipateInterpolator());

//张力值tension,默认为2,张力越大,起始和结束时的偏移越大,
//而且速度越快;额外张力值extraTension,默认为1.5。公式中T的值为tension*extraTension
//animator.setInterpolator(new AnticipateOvershootInterpolator());

//弹跳插值器
//animator.setInterpolator(new BounceInterpolator());

//周期插值器 y=sin(2π×C×t)  周期值,默认为1;2表示动画会执行两次
//animator.setInterpolator(new CycleInterpolator(2));

//线性插值器,匀速公式:Y=T
//animator.setInterpolator(new LinearInterpolator());

//公式: y=(T+1)x(t1)3+T×(t1)2 +1
//描述: 张力值,默认为2,T越大,结束时的偏移越大,而且速度越快
//animator.setInterpolator(new OvershootInterpolator());

animator.start();
  • PropertyValuesHolder 用于多个动画同时执行
PropertyValuesHolder holder1 = PropertyValuesHolder.ofFloat("alpha", 1f, 0.5f);
PropertyValuesHolder holder2 = PropertyValuesHolder.ofFloat("scaleX", 1f, 0.5f);
PropertyValuesHolder holder3 = PropertyValuesHolder.ofFloat("scaleY", 1f, 0.5f);
ObjectAnimator animator = ObjectAnimator.ofPropertyValuesHolder(v, holder1, holder2, holder3);
animator.setDuration(200);
animator.start();
  • TypeEvaluator 估值器的核心目的:自定义变换规则
ValueAnimator animator = new ValueAnimator();
animator.setDuration(3000);
animator.setObjectValues(new PointF(0, 0));
final PointF point = new PointF();
//估值
animator.setEvaluator(new TypeEvaluator() {
     @Override
     public Object evaluate(float fraction, Object startValue, Object endValue) {
        point.x = 100f * (fraction * 5);
        // y=vt=1/2*g*t*t(重力计算)
        point.y = 0.5f * 130f * (fraction * 5) * (fraction * 5);
            return point;
     }
});

animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
     @Override
     public void onAnimationUpdate(ValueAnimator animation) {
         PointF p = (PointF) animation.getAnimatedValue();
         Log.d("dn_alan", p.x + "===" + p.y);
         v.setX(p.x);
         v.setY(p.y);
     }
});
animator.start();

附有源码两篇文章:
属性动画源码分析-ofFloat方法
属性动画源码分析-start方法

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

推荐阅读更多精彩内容

  • 【Android 动画】 动画分类补间动画(Tween动画)帧动画(Frame 动画)属性动画(Property ...
    Rtia阅读 6,106评论 1 38
  • 1 背景 不能只分析源码呀,分析的同时也要整理归纳基础知识,刚好有人微博私信让全面说说Android的动画,所以今...
    未聞椛洺阅读 2,693评论 0 10
  • Animation Animation类是所有动画(scale、alpha、translate、rotate)的基...
    四月一号阅读 1,900评论 0 10
  • 本笔记的原文本链接 Property Animation Overview 属性动画总览 The property...
    Jaesoon阅读 1,090评论 2 3
  • 一: 传统 View 动画(Tween/Frame) 1.1 Tween 动画 主要有 4 中:缩放、平移、渐变、...
    dfg_fly阅读 703评论 1 2