XML布局实现:
在res/animator文件夹下,创建animator_translation.xml文件,内容如下:
在代码上调用:
llAddAccount.setonClickListener {
val objectAnimation =AnimatorInflater.loadAnimator(this,R.animator.animator_translation)
objectAnimation.setTarget(llAddAccount)
objectAnimation.start()
}
透明度属性动画比较简单,即控制View的可见度实现视觉差动画效果。这里展示效果是从不透明到透明,再到不透明。
代码如下:
tvText.setonClickListener {
val objectAnimation =ObjectAnimator.ofFloat(tvText, “alpha”, 1f,0f,1f)
objectAnimation.duration=3000
objectAnimation.start()
}
ofFloat()方法将属性名换成了透明度alpha,并且可变长参数增加到了3个。给ObjectAnimator对象的duration属性设置了动画展示时间3秒,默认情况下300毫秒。
3、缩放属性动画缩放可以通过控制scaleX和scaleY分别在X轴和Y轴上进行缩放,如下图在X轴中进行两次两倍缩放。
代码如下:
tvText.setonClickListener {
val objectAnimation =ObjectAnimator.ofFloat(tvText, “scaleX”, 1f,2f)
objectAnimation.duration=3000
objectAnimation.repeatCount=2
objectAnimation.repeatMode=ValueAnimator.REVERSE
objectAnimation.start()
}
ofFloat()方法传入参数属性为scaleX和scaleY时,动态参数表示缩放的倍数。设置ObjectAnimator对象的repeatCount属性来控制动画执行的次数,设置为ValueAnimator.INFINITE表示无限循环播放动画;通过repeatMode属性设置动画重复执行的效果,取值为:ValueAnimator.RESTART和ValueAnimator.REVERSE。
ValueAnimator.RESTART效果:(即每次都重头开始)
ValueAnimator.REVERSE效果:(即和上一次效果反着来)
旋转动画也比较简单,将一个View进行顺时针或逆时针旋转。
代码如下:
tvText.setonClickListener {
val objectAnimation =
ObjectAnimator.ofFloat(tvText, “rotation”, 0f,180f,0f)
objectAnimation.duration=3000
objectAnimation.start()
}
ofFloat()方法的可变长参数,如果后者的值大于前者,那么顺时针旋转,小于前者,则逆时针旋转。
三、AnimatorSet如果想要一个动画结束后播放另外一个动画,或者同时播放,可以通过AnimatorSet来编排。
val aAnimator=ObjectAnimator.ofInt(1)
val bAnimator=ObjectAnimator.ofInt(1)
val cAnimator=ObjectAnimator.ofInt(1)
val dAnimator=ObjectAnimator.ofInt(1)
AnimatorSet().apply {
play(aAnimator).before(bAnimator)//a 在b之前播放
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()
}
如果只是针对View对象的特定属性同时播放动画,我们也可以采用ViewPropertyAnimator。
例如:
tvText.animate().translationX(100f).translationY(100f).start()
支持属性:
translationX、translationY、translationZx、y、zalphascaleX、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的父类,主要动态计算目标对象属性的值,然后设置给对象属性,达到动画效果,而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 本文一开始介绍位移属性动画时,有提到通过XML文件来实现动画效果,在这里进一步细讲。 在res/animator文件夹下,创建animator_translation.xml文件。XML文件有四个标签可用,要注意到propertyValuesHolder标签的Android 版本适配。 =>AnimatorSet set标签对应代码的AnimatorSet,只有一个属性可以设置:android:ordering,取值:同时播放together、顺序播放sequentially。 animator标签对应代码的ValueAnimator,可以设置如下属性: android:duration:动画时长android:valueType:属性类型,intType、floatType、colorTypeandroid: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从屏幕左上角斜线滑到屏幕右下角。 data class Point(var x: Float, var y: Float) class Pointevaluator : Typeevaluator { return Point( val animator= ValueAnimator.ofObject( 其实Android开发的知识点就那么多,面试问来问去还是那么点东西。所以面试没有其他的诀窍,只看你对这些知识点准备的充分程度。so,出去面试时先看看自己复习到了哪个阶段就好。 上面分享的腾讯、头条、阿里、美团、字节跳动等公司2019-2021年的高频面试题,博主还把这些技术点整理成了视频和PDF(实际上比预期多花了不少精力),包含知识脉络 + 诸多细节,由于篇幅有限,上面只是以图片的形式给大家展示一部分。 Android学习PDF+学习视频+面试文档+知识点笔记 【Android思维脑图(技能树)】 知识不体系?这里还有整理出来的Android进阶学习的思维脑图,给大家参考一个方向。 【Android高级架构视频学习资源】 droid学习PDF+学习视频+面试文档+知识点笔记](https://github.com/a120464/Android-P7/blob/master/Android%E5%BC%80%E5%8F%91%E4%B8%8D%E4%BC%9A%E8%BF%99%E4%BA%9B%EF%BC%9F%E5%A6%82%E4%BD%95%E9%9D%A2%E8%AF%95%E6%8B%BF%E9%AB%98%E8%96%AA%EF%BC%81.md) 【Android思维脑图(技能树)】 知识不体系?这里还有整理出来的Android进阶学习的思维脑图,给大家参考一个方向。 [外链图片转存中…(img-vkERkMyr-1644050622133)] 【Android高级架构视频学习资源】
=>ValueAnimator
=>ObjectAnimator
=>PropertyValuesHolder
override fun evaluate(fraction: Float, startValue: Point?, endValue: Point?): Point {
if (startValue == null || endValue == null) {
return Point(0f, 0f)
}
fraction * (endValue.x - startValue.x),
fraction * (endValue.y - startValue.y)
)
}
}