android属性动画

属性动画的本质原理就是通过不断对值进行改变,并不断将该值赋给对象的属性,从而实现该对象在该属性上的动画效果。
流程原理图如下(网络上找的,如有侵权,请联系删除):
[图片上传失败...(image-9a6561-1594609915325)]
从上图可以知道属性动画分类大致又可以分为ValueAnimator,ObjectAnimator。

ValueAnimator

//设置参数:开始值0和结束值360,表示你要从哪个值到哪个值进行变化(旋转角度)
val valueAnimator = ValueAnimator.ofFloat(0f, 360f)
//这里是设置动画执行时间,毫秒
valueAnimator.duration = 2000
//设置动画的执行次数,-1表示循环执行,不然就是执行n+1次
valueAnimator.repeatCount = 1
val interpolator = AccelerateDecelerateInterpolator()
valueAnimator.interpolator = interpolator
//动画的下次执行开始位置,RESTART表示动画每次从原始的状态执行,REVERSE表示动画第二次执行要从第一次改变后的状态逆向执行
valueAnimator.repeatMode = ValueAnimator.RESTART
//设置数值变化监听器,动画变化时的值会在这个监听器中返回给我们,我们来手动赋值,来进行动画显示
valueAnimator.addUpdateListener { animation -> //获取当前变化时的值
    val value = animation.animatedValue as Float
    Log.e("valueAnimator", "value:$value")
    //这里我们给textview设置一个文本,就是我们的当前的数值,那么就会显示为从0到100一直变化的动画
    iv_frame.pivotX = 0f
    iv_frame.pivotY = 0f //设置旋转中心店
    iv_frame.rotation = value
}
//开始执行动画
valueAnimator.start()

跟上章传统动画意义,属性动画也可以用xml来实现。在res下新建android资源文件夹animator,然后建一个xml文件

<?xml version="1.0" encoding="utf-8"?>
<animator xmlns:android="http://schemas.android.com/apk/res/android"
    android:valueFrom="0"
    android:valueTo="360"
    android:valueType="floatType"
    android:duration="2000"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:fillBefore = "true"
    android:repeatCount="0"
    android:repeatMode="restart">

</animator>

加载和启动方法:

val animator = AnimatorInflater.loadAnimator(this, R.animator.property_rotate) as ValueAnimator
animator.addUpdateListener { animation -> //获取当前变化时的值
    val value = animation.animatedValue as Float
    Log.e("valueAnimator", "value:$value")
    //这里我们给textview设置一个文本,就是我们的当前的数值,那么就会显示为从0到100一直变化的动画
    iv_frame.pivotX = 0f
    iv_frame.pivotY = 0f //设置旋转中心店
    iv_frame.rotation = value
}
animator.setTarget(iv_frame)
animator.start()

先了解两个概念:插值器(Interpolator)和估值器(TypeEvaluator)

插值器(Interpolator)

设置属性值从初始值过渡到结束值的变化规律,比如匀速变化,加速变化,先加速再匀速再减速这样的变化等。
如果是xml的动画实现方式,可以在android:interpolator设置插值属性,如果是java的实现方式,用setInterpolator的方法实现。(实例可见上方)

Android内置了 9 种内置的插值器实现


在这里插入图片描述

自定义插值器:实现TimeInterpolator或者Interpolator的接口里面有个方法:

 public interface TimeInterpolator {

     // input值值变化范围是0-1,且随着动画进度(0% - 100% )均匀变化
     // 即动画开始时,input值 = 0;动画结束时input = 1
     // 而中间的值则是随着动画的进度(0% - 100%)在0到1之间均匀增加
     //return的值就是用于估值器继续计算的fraction值
    float getInterpolation(float input);
}

有兴趣你可以进入AccelerateDecelerateInterpolator方法里面,看看它getInterpolation方法是怎么写的。

估值器(TypeEvaluator)

作用:根据当前属性改变的百分比来计算改变后的属性值。

 /**
     * 使用估值器实现重力下落
     *
     * @param v
     */
    fun startEvaluator() {
        val animator = ValueAnimator()
        animator.duration = 3000
        animator.setObjectValues(PointF(0f, 0f))
        val pointF = PointF()
        //估值器实现
        animator.setEvaluator { fraction, startValue, endValue -> //fraction是运动中的匀速变化的值
            //根据重力计算实际的运动y=vt=0.5*g*t*t
            //g越大效果越明显
            pointF.x = 100 * (fraction * 5)
            pointF.y = 0.5f * 300f * (fraction * 5) * (fraction * 5)
            pointF
        }
        animator.addUpdateListener { animation ->
            val p = animation.animatedValue as PointF
            iv_frame.x = p.x
            iv_frame.y = p.y
        }
        animator.start()
    }

说白了,插值器(Interpolator)决定值的变化规律(匀速、加速),即决定的是变化趋势;而估值器通过Interpolator返回的fraction决定接下来的具体变化数值。

ObjectAnimator

ObjectAnimator内部的工作机制是通过寻找特定属性的get和set方法,然后通过方法不断地对值进行改变,从而实现动画效果的。

val animator: ObjectAnimator = ObjectAnimator.ofFloat(iv_frame, "rotation", 0f, 180f, 0f)
animator.duration = 1000
animator.start()

第一个参数是要做动画的对象
第二个参数是具体的属性:如rotation,translationX等。
后面的参数是具体的属性变化值。

此外上述的其他动画设置方法同样适用ObjectAnimator,所以就不叙述了。

组合动画(AnimatorSet)
after(Animator anim) 将现有动画插入到传入的动画之后执行
after(long delay) 将现有动画延迟指定毫秒后执行
before(Animator anim) 将现有动画插入到传入的动画之前执行
with(Animator anim) 将现有动画和传入的动画同时执行

val moveIn = ObjectAnimator.ofFloat(iv_frame, "translationX", -500f, 0f)
val rotate = ObjectAnimator.ofFloat(iv_frame, "rotation", 0f, 360f)
val fadeInOut = ObjectAnimator.ofFloat(iv_frame, "alpha", 1f, 0f, 1f)
val animSet = AnimatorSet()
animSet.play(rotate).with(fadeInOut).after(moveIn)
animSet.duration = 5000
animSet.start()

另外可以Animator类当中提供了一个addListener()方法,这个方法接收一个AnimatorListener。铜锅该接口可以监听动画的开始,结束,重复,取消。

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