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文件来实现动画效果,在这里进一步细讲。
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级安卓工程师,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注Android)
最后
分享一份工作1到5年以上的Android程序员架构进阶学习路线体系,希望能对那些还在从事Android开发却还不知道如何去提升自己的,还处于迷茫的朋友!
- 阿里P7级Android架构师技术脑图;查漏补缺,体系化深入学习提升(详细点击我的GitHub领取)
- **全套体系化高级架构视频;**七大主流技术模块,视频+源码+笔记
需要架构学习笔记导图的可以点击我的GitHub领取
群内有许多技术大牛,高手如云,有任何问题,欢迎广大网友一起来交流,群内还不定期免费分享高阶Android学习视频资料和面试资料包~
详细点击我的GitHub领取)
[外链图片转存中…(img-P2wonCQ2-1710898200027)]
- **全套体系化高级架构视频;**七大主流技术模块,视频+源码+笔记
[外链图片转存中…(img-LP7uMjZj-1710898200027)]
需要架构学习笔记导图的可以点击我的GitHub领取
群内有许多技术大牛,高手如云,有任何问题,欢迎广大网友一起来交流,群内还不定期免费分享高阶Android学习视频资料和面试资料包~