Android属性动画,看完这篇够用了吧

最新推荐文章于 2024-10-06 13:23:05 发布

前端88338

最新推荐文章于 2024-10-06 13:23:05 发布

阅读量963

点赞数 11

分类专栏： Android程序员文章标签： android

本文链接：https://blog.csdn.net/m0_60388338/article/details/136837512

版权

Android程序员专栏收录该内容

13 篇文章 0 订阅

订阅专栏

play(bAnimator).with(cAnimator)//b和c同时播放动画效果
play(dAnimator).after(cAnimator)//d 在c播放结束之后播放
start()
}

或者

AnimatorSet().apply {
playSequentially(aAnimator,bAnimator,cAnimator,dAnimator) //顺序播放
start()
}

AnimatorSet().apply {
playTogether(animator,bAnimator,cAnimator,dAnimator) //同时播放
start()
}

另有：

AnimatorSet ().apply {
play(aAnimator).after(1000) //1秒后播放a动画
start()
}

四、ViewPropertyAnimator

如果只是针对View对象的特定属性同时播放动画，我们也可以采用ViewPropertyAnimator。

例如：

tvText.animate().translationX(100f).translationY(100f).start()

支持属性：

translationX、translationY、translationZ
x、y、z
alpha
scaleX、scaleY

注意到ViewPropertyAnimator对象具有property(Float)和propertyBy(Float)方法，其中property(Float)是指属性变化多少(可以理解一次有效)，而propertyBy(Float)每次变化多少（可以理解多次有效）。

举例说明：

translationX

tvText.setOnClickListener {
val animator = tvText.animate()
animator.duration=1000
animator.translationX(100f)//点击一次会向右偏移，再点击没效果
animator.start()
}

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

translationXBy

tvText.setOnClickListener {
val animator = tvText.animate()
animator.duration=1000
animator.translationXBy(100f)//每次点击都会向右偏移
animator.start()
}

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

五、ValueAnimator与ObjectAnimator

ValueAnimator作为ObjectAnimator的父类，主要动态计算目标对象属性的值，然后设置给对象属性，达到动画效果，而ObjectAnimator则在ValueAnimator的基础上极大地简化对目标对象的属性值的计算和添加效果，融合了 ValueAnimator 的计时引擎和值计算以及为目标对象的命名属性添加动画效果这一功能。

举个栗子，通过ValueAnimator的工厂方法ofFloat、ofInt、ofArgb、ofObject来实现动画效果：

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

代码如下：

//ValueAnimator实现
tvText.setOnClickListener {
val valueAnimator = ValueAnimator.ofFloat(0f, 180f)
valueAnimator.addUpdateListener {
tvText.rotationY = it.animatedValue as Float //手动赋值
}
valueAnimator.start()
}
//ObjectAnimator实现
ObjectAnimator.ofFloat(tvText, “rotationY”, 0f, 180f).apply { start() }

从上面代码可以看出，使用ValueAnimator实现动画，需要手动赋值给目标对象tvText的rotationY，而ObjectAnimator则是自动赋值，不需要手动赋值就可以达到效果。

动画过程可以通过AnimatorUpdateListener和AnimatorListener来监听。

ObjectAnimator.ofFloat(tvText, “translationX”, 0f, 780f, 0f).apply {
duration=3000//完成动画所需要时间
repeatCount=ValueAnimator.INFINITE //重复次数：无限循环
repeatMode=ValueAnimator.RESTART //重复模式：重头开始
addUpdateListener { //监听值变化
tvText.translationX= it.animatedValue as Float
}
addListener(object:Animator.AnimatorListener{
override fun onAnimationRepeat(animation: Animator?) {
//动画重复
}

override fun onAnimationEnd(animation: Animator?) {
//动画结束
}

override fun onAnimationCancel(animation: Animator?) {
//动画取消
}

override fun onAnimationStart(animation: Animator?) {
//动画开始
}
})
}

动画可调用start()方法开始，也可调用cancel()方法取消。

那么，要正确使属性动画实现动画效果，那么目标对象应该注意什么？

属性必须具有 set<PropertyName>() 形式的 setter 函数（采用驼峰式大小写形式），例如，如果属性名称为 text，则需要使用 setText() 方法。
如果ObjectAnimator的一个工厂方法中仅为 values... 参数指定了一个值，那么该参数需要提供初始值和getPropertyName()方法。
属性的初始值和结束值之间必须保持类型相同。
可能需要在UpdateListener对象中调用invalidate() 方法，来刷新属性作用后的效果。

六、XML实现

本文一开始介绍位移属性动画时，有提到通过XML文件来实现动画效果，在这里进一步细讲。

在res/animator文件夹下，创建animator_translation.xml文件。XML文件有四个标签可用，要注意到propertyValuesHolder标签的Android 版本适配。

<?xml version="1.0" encoding="utf-8"?>

=>AnimatorSet
=>ValueAnimator
=>ObjectAnimator
=>PropertyValuesHolder

set标签对应代码的AnimatorSet,只有一个属性可以设置：android:ordering，取值：同时播放together、顺序播放sequentially。

animator标签对应代码的ValueAnimator，可以设置如下属性：

android:duration:动画时长
android:valueType:属性类型,intType、floatType、colorType、pathType
android:valueFrom:属性初始值
android:valueTo:属性结束值
android:repeatCount:重复次数
android:repeatMode:重复模式
android:interpolator:插值器，可看下一节默认插值器。
android:startOffset:延迟，对应startOffset()延迟多少毫秒执行

示例：

objectAnimator属性对应代码ObjectAnimator,由于继承自ValueAnimator，所以属性相对多了` android:propertyName。

七、估值器与插值器

看到这里，不知道小伙伴们有没有这个疑问，属性动画是如何计算属性的值的？

这份工作由类型估值器TypeEvaluator与时间插值器TimeInterpolator来完成的。

插值器：根据时间流逝的百分比计算出当前属性值改变的百分比。

估值器：根据当前属性改变的百分比来计算改变后的属性值。

从它两的已定义，也可以看出它们之间的协调关系，先由插值器根据时间流逝的百分比计算出目标对象的属性改变的百分比，再由估值器根据插值器计算出来的属性改变的百分比计算出目标对象属性对应类型的值。

从估值器和插值器可以看出属性动画的工作原理，下面看看官方对工作原理的解析：

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

更多的原理可以看看链接

估值器

SDK中默认带有的估值器有： IntEvaluator、FloatEvaluator、ArgbEvaluator，他们分别对应前面我们调用 ValueAnimator对象所有对应的ofInt、ofFloat、ofArgb函数的估值器，分别用在Int类型，Float，颜色值类型之间计算。而ofObject函数则对应我们自定义类型的属性计算。

当估值器的类型不满足需求，就需要自定义类型估值器。例如我们要实现下面效果：

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

这个效果可以通过AnimatorSet来实现，但我们这里采用自定义TypeEvaluator来实现TextView从屏幕左上角斜线滑到屏幕右下角。

定义Point类，我们操作的对象。

data class Point(var x: Float, var y: Float)

定义PointEvaluator估值器，继承自TypeEvaluator,泛型参数为Point类型。通过实现evaluate()方法，可以实现很多复制的动画效果，我们这里实现上面简单算法。

class PointEvaluator : TypeEvaluator {
/**

根据插值器计算出当前对象的属性的百分比fraction,估算去属性当前具体的值
@param fraction 属性改变的百分比
@param startValue 对象开始的位置，例如这里点坐标开始位置：屏幕左上角位置
@param endValue 对象结束的位置，例如这里点坐标结束的位置:屏幕右下角位置
*/
override fun evaluate(fraction: Float, startValue: Point?, endValue: Point?): Point {
if (startValue == null || endValue == null) {
return Point(0f, 0f)
}

return Point(
fraction * (endValue.x - startValue.x),
fraction * (endValue.y - startValue.y)
)
}
}

使用

val animator= ValueAnimator.ofObject(
PointEvaluator(),
Point(0f, 0f),//动画开始属性值
Point(
ScreenUtils.getScreenWidth(this).toFloat(),
ScreenUtils.getScreenHeight(this).toFloat()
)//动画结束值
)

animator.addUpdateListener {//手动更新TextView的x和y 属性
val point = it.animatedValue as Point
tvText.x = point.x
tvText.y = point.y
logError(“point:${point}”)
}
animator.duration = 5000

btnStart.setOnClickListener {
animator.start()
}

一个简单的自定义估值器就算完成了。数学学的好，任何复杂效果都不是问题。

插值器

TypeEvaluator对象的evaluate()方法的fraction参数就是插值器计算得来，SDK中默认的时间插值器有：

LinearInterpolator 线性（匀速）
AccelerateInterpolator 持续加速
DecelerateInterpolator 持续减速
AccelerateDecelerateInterpolator 先加速后减速
OvershootInterpolator 结束时回弹一下
AnticipateInterpolator 开始回拉一下
BounceInterpolator 结束时Q弹一下
CycleInterpolator 来回循环

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）

最后

今天关于面试的分享就到这里，还是那句话，有些东西你不仅要懂，而且要能够很好地表达出来，能够让面试官认可你的理解，例如Handler机制，这个是面试必问之题。有些晦涩的点，或许它只活在面试当中，实际工作当中你压根不会用到它，但是你要知道它是什么东西。

最后在这里小编分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司19年的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。

还有 高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。

Android学习PDF+架构视频+面试文档+源码笔记

【Android核心高级技术PDF文档，BAT大厂面试真题解析】

【算法合集】

【延伸Android必备知识点】

【Android部分高级架构视频学习资源】

身边好友一起学习。

Android学习PDF+架构视频+面试文档+源码笔记

【Android核心高级技术PDF文档，BAT大厂面试真题解析】

[外链图片转存中…(img-kweeH2nL-1710819652948)]

【算法合集】

[外链图片转存中…(img-HOmsNcB1-1710819652948)]

【延伸Android必备知识点】

[外链图片转存中…(img-UuXGpRbh-1710819652948)]

【Android部分高级架构视频学习资源】

**Android精讲视频领取学习后更加是如虎添翼！**进军BATJ大厂等（备战）！现在都说互联网寒冬，其实无非就是你上错了车，且穿的少（技能），要是你上对车，自身技术能力够强，公司换掉的代价大，怎么可能会被裁掉，都是淘汰末端的业务Curd而已！现如今市场上初级程序员泛滥，这套教程针对Android开发工程师1-6年的人员、正处于瓶颈期，想要年后突破自己涨薪的，进阶Android中高级、架构师对你更是如鱼得水，赶快领取吧！