博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
三谈属性动画——Keyframe以及ViewPropertyAnimator
阅读量:6424 次
发布时间:2019-06-23

本文共 2197 字,大约阅读时间需要 7 分钟。

经过和,对属性动画已经介绍的差不多了,还剩下最后两个概念,Keyframe和ViewPropertyAnimator。

Keyframe

动画归根结底是一些帧的组合,一旦设定了一个动画后,中间的每帧,Android系统会帮我们计算好,而允许我们定义动画中的一些关键帧,该对象主要有fraction和value组成,其中fraction代表着动画的进度、value代表着动画的值,可以设置单独的Interpolator,这个Interpolator作用于前一帧与当前帧。

举个例子:

val kf1 = Keyframe.ofFloat(0.2f, 100f).apply {            interpolator = AnticipateInterpolator()        }        val kf2 = Keyframe.ofFloat(0.4f, 200f).apply {            interpolator = LinearInterpolator()        }        val kf3 = Keyframe.ofFloat(0.6f, 300f)        val kf4 = Keyframe.ofFloat(0.8f, 400f).apply {            interpolator = BounceInterpolator()        }        val kf5 = Keyframe.ofFloat(1.0f, 500f).apply {            interpolator = SpringInterpolator(0.2f)        }        btnMove.setOnClickListener {            ObjectAnimator.ofPropertyValuesHolder(tvShow,                    PropertyValuesHolder.ofKeyframe(View.TRANSLATION_Y, kf1, kf2, kf3, kf4, kf5)).apply {                duration = 3000                start()            }        }复制代码

上面代码定义了5个Keyframe,分别设置了不同的Interpolator,然后再用PropertyValuesHolder包装一下,最终效果如下:

ViewPropertyAnimator

如果想在一个View上使用属性动画,可以这么操作:

val animX = ObjectAnimator.ofFloat(myView, "x", 50f)val animY = ObjectAnimator.ofFloat(myView, "y", 100f)AnimatorSet().apply {    playTogether(animX, animY)    start()}复制代码

当然,也可以这么操作:

val pvhX = PropertyValuesHolder.ofFloat("x", 50f)val pvhY = PropertyValuesHolder.ofFloat("y", 100f)ObjectAnimator.ofPropertyValuesHolder(myView, pvhX, pvhY).start()复制代码

可以发现,都是挺麻烦的。View作为最常被动画的对象,Android提供了一种封装,这就是,使用方式也是很简单,比如上面的代码等效于:

myView.animate().x(50f).y(100f)复制代码

View.animate()方法会返回一个ViewPropertyAnimator,该对象具备View的常用属性的变换,比如:

  • transitionX、transitionY、transitionZ
  • rotation、rotationX和rotationY
  • scaleX、scaleY
  • x、y、z
  • alpha

总结

至此,学习完了属性动画的知识点,属性动画在Android Transition框架中很重要,是构成各种转场动画的关键,会实现各种酷炫的动画是很厉害的,但其实都离不开这些基础,剩下的更多是数学。

关于代码,参考

参考

  • https://developer.android.google.cn/guide/topics/graphics/prop-animation#keyframes
  • https://developer.android.google.cn/reference/android/animation/Keyframe
  • https://developer.android.google.cn/reference/android/view/ViewPropertyAnimator

关注我的技术公众号,不定期会有技术文章推送,不敢说优质,但至少是我自己的学习心得。微信扫一扫下方二维码即可关注:

转载于:https://juejin.im/post/5c85db2cf265da2daa31893d

你可能感兴趣的文章
pythopn List(列表)
查看>>
学习笔记 十五: mariadb
查看>>
学习笔记 124: 预备知识总结
查看>>
windows server之AD(1)
查看>>
如何升级PowerShell
查看>>
oracle kill所有plsql developer进程
查看>>
python实现登录查询(可以模糊查询)
查看>>
LAMP架构(apache用户认证,域名重定向,apache访问日志)
查看>>
PHP设计模式:原型模式
查看>>
struts2.0的json操作
查看>>
SQL注入神器——sqlmap
查看>>
Unity导航 (寻路系统Nav Mesh Agent)
查看>>
SaltStack配置语法-YAML和Jinja
查看>>
运用免费OA让你有意想不到的效果
查看>>
一些软件设计软则
查看>>
Linux运维基础命令
查看>>
使用PowerShell配置IP地址
查看>>
第十一章 MySQL运算符
查看>>
JAVA常见算法题(十七)
查看>>
GUI鼠标相关设置
查看>>