2024年关于Android属性动画,这篇文章可以满足你80%日常工作!,2024年最新面试有技巧吗

如何做好面试突击,规划学习方向?

面试题集可以帮助你查漏补缺,有方向有针对性的学习,为之后进大厂做准备。但是如果你仅仅是看一遍,而不去学习和深究。那么这份面试题对你的帮助会很有限。最终还是要靠资深技术水平说话。

网上学习 Android的资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。建议先制定学习计划,根据学习计划把知识点关联起来,形成一个系统化的知识体系。

学习方向很容易规划,但是如果只通过碎片化的学习,对自己的提升是很慢的。

我们搜集整理过这几年字节跳动,以及腾讯,阿里,华为,小米等公司的面试题,把面试的要求和技术点梳理成一份大而全的“ Android架构师”面试 Xmind(实际上比预期多花了不少精力),包含知识脉络 + 分支细节。

img

我们在搭建这些技术框架的时候,还整理了系统的高级进阶教程,会比自己碎片化学习效果强太多

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

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

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

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来完成的。

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

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

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

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

更多的原理可以看看链接

估值器

SDK中默认带有的估值器有: IntEvaluatorFloatEvaluatorArgbEvaluator,他们分别对应前面我们调用 ValueAnimator对象所有对应的ofIntofFloatofArgb函数的估值器,分别用在Int类型,Float,颜色值类型之间计算。而ofObject函数则对应我们自定义类型的属性计算。

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

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

  1. 定义Point类,我们操作的对象。

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

  1. 定义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)
)
}
}

  1. 使用

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 来回循环

看看效果:

LinearInterpolator

AccelerateInterpolator

DecelerateInterpolator

AccelerateDecelerateInterpolator

OvershootInterpolator

AnticipateInterpolator

BounceInterpolator

CycleInterpolator

正常情况下,默认的插值器已经够用,如果自己数学厉害,想显摆一下,也是通过实现TimeInterpolator接口的getInterpolation()自定义的。

/**

  • A time interpolator defines the rate of change of an animation. This allows animations
  • to have non-linear motion, such as acceleration and deceleration.
    */
    public interface TimeInterpolator {

/**

  • Maps a value representing the elapsed fraction of an animation to a value that represents
  • the interpolated fraction. This interpolated value is then multiplied by the change in
  • value of an animation to derive the animated value at the current elapsed animation time.
  • @param input A value between 0 and 1.0 indicating our current point
  •    in the animation where 0 represents the start and 1.0 represents
    
  •    the end
    
  • @return The interpolation value. This value can be more than 1.0 for
  •     interpolators which overshoot their targets, or less than 0 for
    
  •     interpolators that undershoot their targets.
    

*/
float getInterpolation(float input);
}

最后:学习总结——Android框架体系架构知识脑图(纯手绘xmind文档)

学完之后,若是想验收效果如何,其实最好的方法就是可自己去总结一下。比如我就会在学习完一个东西之后自己去手绘一份xmind文件的知识梳理大纲脑图,这样也可方便后续的复习,且都是自己的理解,相信随便瞟几眼就能迅速过完整个知识,脑补回来。

下方即为我手绘的Android框架体系架构知识脑图,由于是xmind文件,不好上传,所以小编将其以图片形式导出来传在此处,细节方面不是特别清晰。但可给感兴趣的朋友提供完整的Android框架体系架构知识脑图原件(包括上方的面试解析xmind文档)

除此之外,前文所提及的Alibaba珍藏版 Android框架体系架构 手写文档以及一本 《大话数据结构》 书籍等等相关的学习笔记文档,也皆可分享给认可的朋友!

——感谢大家伙的认可支持,请注意:点赞+点赞+点赞!!!

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

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

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

(img-OyHgt4p0-1714986300724)]

除此之外,前文所提及的Alibaba珍藏版 Android框架体系架构 手写文档以及一本 《大话数据结构》 书籍等等相关的学习笔记文档,也皆可分享给认可的朋友!

——感谢大家伙的认可支持,请注意:点赞+点赞+点赞!!!

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值