关于Android属性动画,这篇文章可以满足你80%日常工作!

可以控制对象什么属性呢?什么属性都可以,理论是通过set和get某个属性来达到动画效果。例如常用下面一些属性来实现View对象的一些动画效果。

  • 位移:translationXtranslationYtranslationZ
  • 透明度:alpha,透明度全透明到不透明:0f->1f
  • 旋转:rotation,旋转一圈:0f->360f
  • 缩放:水平缩放scaleX,垂直缩放scaleY

简单的效果图:

二、基本使用

简单介绍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方法。

translationXtranslationY这里涉及到的位移都是相对自身位置而言。例如 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、缩放属性动画

缩放可以通过控制scaleXscaleY分别在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()方法传入参数属性为scaleXscaleY时,动态参数表示缩放的倍数。设置ObjectAnimator对象的repeatCount属性来控制动画执行的次数,设置为ValueAnimator.INFINITE表示无限循环播放动画;通过repeatMode属性设置动画重复执行的效果,取值为:ValueAnimator.RESTARTValueAnimator.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的工厂方法ofFloatofIntofArgbofObject来实现动画效果:

代码如下:

//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实现动画,需要手动赋值给目标对象tvTextrotationY,而ObjectAnimator则是自动赋值,不需要手动赋值就可以达到效果。

动画过程可以通过AnimatorUpdateListenerAnimatorListener来监听。

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:属性类型,intTypefloatTypecolorType
  • android:valueFrom:属性初始值
  • android:valueTo:属性结束值
  • android:repeatCount:重复次数
  • android:repeatMode:重复模式
  • android:interpolator:插值器,可看下一节默认插值器。
  • android:startOffset:延迟,对应startOffset()延迟多少毫秒执行

示例:

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

七、估值器与插值器

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

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

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

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

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

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

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

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

img

img

img

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)

分享读者

作者2013年java转到Android开发,在小厂待过,也去过华为,OPPO等大厂待过,18年四月份进了阿里一直到现在。

被人面试过,也面试过很多人。深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,不成体系的学习效果低效漫长,而且极易碰到天花板技术停滞不前!

我们整理了一份阿里P7级别的Android架构师全套学习资料,特别适合有3-5年以上经验的小伙伴深入学习提升。

主要包括阿里,以及字节跳动,腾讯,华为,小米,等一线互联网公司主流架构技术。如果你有需要,尽管拿走好了。

35岁中年危机大多是因为被短期的利益牵着走,过早压榨掉了价值,如果能一开始就树立一个正确的长远的职业规划。35岁后的你只会比周围的人更值钱。

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门即可获取!

到现在。

被人面试过,也面试过很多人。深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,不成体系的学习效果低效漫长,而且极易碰到天花板技术停滞不前!

我们整理了一份阿里P7级别的Android架构师全套学习资料,特别适合有3-5年以上经验的小伙伴深入学习提升。

主要包括阿里,以及字节跳动,腾讯,华为,小米,等一线互联网公司主流架构技术。如果你有需要,尽管拿走好了。

[外链图片转存中…(img-i3L64z7q-1712377566760)]

35岁中年危机大多是因为被短期的利益牵着走,过早压榨掉了价值,如果能一开始就树立一个正确的长远的职业规划。35岁后的你只会比周围的人更值钱。

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门即可获取!
  • 17
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值