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

简单介绍View对象几个属性动画的使用。

1、位移属性动画

效果图：

先看一下布局代码的实现：

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

<LinearLayout
android:id=“@+id/llAddAccount”
android:layout_width=“wrap_content”
android:layout_height=“35dp”
android:layout_alignParentRight=“true”
android:layout_marginTop=“100dp”
android:layout_marginRight=“-70dp”//将现有视图藏在屏幕的右边
android:background=“@drawable/bg_10_10_fff”>

上面只是简单实现了布局，下面看看属性动画代码的实现：

llAddAccount.setOnClickListener {
val objectAnimation =ObjectAnimator.ofFloat(llAddAccount, “translationX”, 0f, -70f)
objectAnimation.start()
}

到这里，我们才真正看到属性动画的影子。通过ObjectAnimator的工厂方法ofFloat我们得到一个ObjectAnimator对象，并通过该对象的start()方法，开启动画效果。

ofFloat()方法的第一个参数为要实现动画效果的View，例如这里整体效果的LinearLayout；第二个参数为属性名，也就是前面所说的：translationX,translationY,alpha,rotation,scaleX,scaleY等，这里要实现的是水平平移效果，所以我们采用了translationX;第三参数为可变长参数，第一个值为动画开始的位置，第二个值为结束值得位置，如果数组大于3位数，那么前者将是后者的起始位置。

注意事项：如果可变长参数只有一个值，那么ObjectAnimator的工厂方法会将值作为动画结束值，此时属性必须拥有初始化值和getXXX方法。

translationX和translationY这里涉及到的位移都是相对自身位置而言。例如 View在点A(x,y)要移动到点B(x1,y1),那么ofFloat（）方法的可变长参数，第一个值应该0f,第二个值应该x1-x。

XML布局实现：

在res/animator文件夹下，创建animator_translation.xml文件，内容如下：

在代码上调用：

llAddAccount.setOnClickListener {
val objectAnimation =AnimatorInflater.loadAnimator(this,R.animator.animator_translation)
objectAnimation.setTarget(llAddAccount)
objectAnimation.start()
}

2、透明属性动画

透明度属性动画比较简单，即控制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效果：(即和上一次效果反着来)

4、旋转属性动画

旋转动画也比较简单，将一个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()
}

四、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()延迟多少毫秒执行

示例：

<animator
android:duration=“1000”

最后

给大家送上我成功跳槽复习中所整理的资料，由于文章篇幅有限，所以只是把题目列出来了

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

g-VAptYsPj-1714403526772)]

[外链图片转存中…(img-M7gFRHTL-1714403526772)]

[外链图片转存中…(img-16U5Yd91-1714403526772)]

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！