Activity切换效果 在这一篇文章中我们可以学习到 朴间动画 在 Activity切换 中的应用。
Fragment切换效果 在这一篇文章中我们可以学习到 朴间动画 在 Fragment切换 中的应用。
视图组 (ViewGroup)中子元素的出场效果 在这一篇文章中我们可以学习到 朴间动画 在 视图组中子元素的出场效果 中的应用。
属性动画的引入
=======
朴间动画 存在以下两点不足:
-
可扩展性不强,只能进行 平移、旋转、缩放 和 透明度 变换
-
朴间动画 是属于 视图动画中的一种,也就是说:动画的本质是刷新界面,换了控件绘制的地方,而控件的属性并没有发生变化。例如,将Button从屏幕左上角移动到屏幕的右下角,这个时候你点击屏幕右下角的Button是没用的,因为Button的位置属性没有变,你得点击它左上角的位置才行。
介于此,为了弥补 朴间动画 的不足之处,Android 3.0 之后引入的属性动画。
属性动画 的实质是一种 对值进行控制的动画,这个值可以是任意对象的属性值。 这种特性就成功的解决了 朴间动画 的不足之处。
使用介绍
====
ValueAnimator
ValueAnimator是整个属性动画机制当中最核心的一个类,前面我们已经提到了,属性动画的运行机制是通过不断地对值进行操作来实现的,而初始值和结束值之间的动画过渡就是由ValueAnimator这个类来负责计算的。它的内部使用一种时间循环的机制来计算值与值之间的动画过渡,我们只需要将初始值和结束值提供给ValueAnimator,并且告诉它动画所需运行的时长,那么ValueAnimator就会自动帮我们完成从初始值平滑地过渡到结束值这样的效果。除此之外,ValueAnimator还负责管理动画的播放次数、播放模式、以及对动画设置监听器等,确实是一个非常重要的类。
代码实战
ValueAnimator valueAnimator = ValueAnimator.ofFloat(0f,1f);
valueAnimator.setDuration(3000);
valueAnimator.start();
调用ValueAnimator的ofFloat()静态方法就可以构建出一个ValueAnimator的实例,ofFloat()方法当中允许传入多个float类型的参数,这里传入0和1就表示将值从0平滑过渡到1,然后调用ValueAnimator的setDuration()方法来设置动画运行的时长,最后调用start()方法启动动画。
可是这只是一个将值从0过渡到1的动画,又看不到任何界面效果,我们怎样才能知道这个动画是不是已经真正运行了呢?这就需要借助监听器来实现了,请继续往下看:
public class MainActivity extends FragmentActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ValueAnimator valueAnimator = ValueAnimator.ofFloat(0f,1f);
valueAnimator.setDuration(3000);
valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
float value = (float) animation.getAnimatedValue();
System.out.println("value -> " + value);
}
});
valueAnimator.start();
}
}
从打印日志的值我们就可以看出,ValueAnimator确实已经在正常工作了,值在300毫秒的时间内从0平滑过渡到了1,而这个计算工作就是由ValueAnimator帮助我们完成的。另外ofFloat()方法当中是可以传入任意多个参数的,因此我们还可以构建出更加复杂的动画逻辑,比如说将一个值在5秒内从0过渡到5,再过渡到3,再过渡到10,就可以这样写:
ValueAnimator valueAnimator = ValueAnimator.ofFloat(0f, 5f, 3f, 10f);
valueAnimator.setDuration(3000);
valueAnimator.start();
ValueAnimator 到此为止就讲的差不多了,他还有一些其他的方法,例如 整数连续变化 ValueAnimator.ofInt() 等,大家可以根据上面的讲解思路自行尝试。
不知道大家有没有发现,上面的动画都只是对 值 做了一系列自动变化,那和本节我们要讲的属性动画有什么关系呢?莫急,值动画 是为属性动画做铺垫的,换句话说,你把变化的值赋值给属性,这样不就很好地诠释了属性动画吗!!!
ObjectAnimator
相比于ValueAnimator,ObjectAnimator可能才是我们最常接触到的类,因为ValueAnimator只不过是对值进行了一个平滑的动画过渡,但我们实际使用到这种功能的场景好像并不多。而ObjectAnimator则就不同了,它是可以直接对任意对象的任意属性进行动画操作的,比如说View的alpha属性。
代码实战
不过虽说ObjectAnimator会更加常用一些,但是它其实是继承自ValueAnimator的,底层的动画实现机制也是基于ValueAnimator来完成的,因此ValueAnimator仍然是整个属性动画当中最核心的一个类。那么既然是继承关系,说明ValueAnimator中可以使用的方法在ObjectAnimator中也是可以正常使用的,它们的用法也非常类似,这里如果我们想要将一个TextView在5秒中内从常规变换成全透明,再从全透明变换成常规,就可以这样写:
ObjectAnimator alpha = ObjectAnimator.ofFloat(btn_test, “alpha”, 1f, 0f, 1f);
alpha.setDuration(3000);
alpha.start();
效果展示:
ObjectAnimator alpha = ObjectAnimator.ofFloat(btn_test, “rotation”, 0f,360f);
alpha.setDuration(3000);
alpha.start();
效果展示
我们可以看到,其实属性动画也没什么难的,根据我个人经验,唯一让大家感到疑惑的就是 ObjectAnimator.ofFloat() 方法的第二个参数,我们该怎么填。要搞清楚这个我们得先看看属性动画的本质
本质剖析
ObjectAnimator内部的工作机制并不是直接对我们传入的属性名进行操作的,而是会去寻找这个控件中属性名对应的get和set方法,如下图:
很明显,Button这个控件存在 setRotation() 和 setAlpha() 方法,所以我们的参数可以写 “rotation” 和 “alpha”。
从上图中我们可以看到 Button 这个控件也存在 setTranslationX() 这个方法,所以我们的第二个参数可以设置成 “translationX”
float curPos = btn_test.getTranslationX();
ObjectAnimator alpha = ObjectAnimator.ofFloat(btn_test, “translationX”, curPos,-500,curPos);
alpha.setDuration(3000);
alpha.start();
效果展示
是不是很开心,我们成功了。
有人可能会粗心的把 “translationX” 写成 “translation” 你会发现编译器这一步就会报错
根据我们的推理理论不难知道,Button都没有 translation 的 set 和 get 方法,那你当然是调用不了的。看到这里,是不是恍然大悟了。
实现组合动画功能主要需要借助AnimatorSet这个类,这个类提供了一个play()方法,如果我们向这个方法中传入一个Animator对象(ValueAnimator或ObjectAnimator)将会返回一个AnimatorSet.Builder的实例,AnimatorSet.Builder中包括以下四个方法:
-
after(Animator anim) 将现有动画插入到传入的动画之后执行 ,即 anim 先执行,现有(前面已经传入的动画)动画后执行。
-
after(long delay) 将现有动画延迟指定毫秒后执行
-
before(Animator anim) 将现有动画插入到传入的动画之前执行
-
with(Animator anim) 将现有动画和传入的动画同时执行
好的,有了这四个方法,我们就可以完成组合动画的逻辑了,就可以这样写:
btn_test = findViewById(R.id.btn_test);
ObjectAnimator translationX = ObjectAnimator.ofFloat(btn_test, “translationX”,
btn_test.getTranslationX(), -800f, btn_test.getTranslationX());
ObjectAnimator scaleY = ObjectAnimator.ofFloat(btn_test, “scaleY”, 1f, 3f, 1f);
ObjectAnimator alpha = ObjectAnimator.ofFloat(btn_test, “alpha”, 1f, 0f, 1f);
AnimatorSet animatorSet = new AnimatorSet();
animatorSet.play(translationX).with(scaleY).before(alpha).after(3000);
animatorSet.setDuration(3000);
animatorSet.start();
效果展示:
关键代码讲解:
animatorSet.play(translationX).with(scaleY).before(alpha).after(3000);
意思如下:
translationX 就为现有动画 与 scaleY 同时播放。
延时 3 秒 之后执行现有动画
在 alpha 之前播放 现有动画,然后再播放 alpha
Animator监听器
animatorSet.addListener(new Animator.AnimatorListener() {
@Override
public void onAnimationStart(Animator animation) {
//动画开始时调用
}
@Override
public void onAnimationEnd(Animator animation) {
//动画结束时调用
}
@Override
public void onAnimationCancel(Animator animation) {
//动画取消是调用
}
@Override
public void onAnimationRepeat(Animator animation) {
//动画重复时调用
}
});
细心的同学会发现,我们每次实现 AnimatorListener 这个接口都得实现这四种方法,这样肯定不行,解决方法如下,实例化他的实现类:
animatorSet.addListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationStart(Animator animation) {
super.onAnimationStart(animation);
}
});
AnimatorListenerAdapter 这个类帮我们把 AnimatorListener 这个接口的所有方法都做了实现,所以我们需要哪个方法重写即可。
最后
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。
因此我收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
家的负担。**
[外链图片转存中…(img-XADD0k7Y-1715391422765)]
[外链图片转存中…(img-hwIwbiMR-1715391422767)]
[外链图片转存中…(img-ZvQUq2zv-1715391422768)]
[外链图片转存中…(img-harfzUqz-1715391422769)]
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!