Android动画的使用——属性动画,Android入门教程

Android动画的使用——朴间动画 在这一篇文章中我们可以了解到 Android动画 的分类 和 朴间动画的简单使用。

Activity切换效果 在这一篇文章中我们可以学习到 朴间动画 在 Activity切换 中的应用。

Fragment切换效果 在这一篇文章中我们可以学习到 朴间动画 在 Fragment切换 中的应用。

视图组 (ViewGroup)中子元素的出场效果 在这一篇文章中我们可以学习到 朴间动画 在 视图组中子元素的出场效果 中的应用。

属性动画的引入

=======

朴间动画 存在以下两点不足:

  1. 可扩展性不强,只能进行 平移、旋转、缩放 和 透明度 变换

  2. 朴间动画 是属于 视图动画中的一种,也就是说:动画的本质是刷新界面,换了控件绘制的地方,而控件的属性并没有发生变化。例如,将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 到此为止就讲的差不多了,他还有一些其他的方法,例如

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》

【docs.qq.com/doc/DSkNLaERkbnFoS0ZF】 完整内容开源分享

整数连续变化 ValueAnimator.ofInt() 等,大家可以根据上面的讲解思路自行尝试。

不知道大家有没有发现,上面的动画都只是对 值 做了一系列自动变化,那和本节我们要讲的属性动画有什么关系呢?莫急,值动画 是为属性动画做铺垫的,换句话说,你把变化的值赋值给属性,这样不就很好地诠释了属性动画吗!!!

ObjectAnimator


相比于ValueAnimator,ObjectAnimator可能才是我们最常接触到的类,因为ValueAnimator只不过是对值进行了一个平滑的动画过渡,但我们实际使用到这种功能的场景好像并不多。而ObjectAnimator则就不同了,它是可以直接对任意对象的任意属性进行动画操作的,比如说View的alpha属性。

代码实战

不过虽说ObjectAnimator会更加常用一些,但是它其实是继承自ValueAnimator的,底层的动画实现机制也是基于ValueAnimator来完成的,因此ValueAnimator仍然是整个属性动画当中最核心的一个类。那么既然是继承关系,说明ValueAnimator中可以使用的方法在ObjectAnimator中也是可以正常使用的,它们的用法也非常类似,这里如果我们想要将一个TextView在5秒中内从常规变换成全透明,再从全透明变换成常规,就可以这样写:

  • alpha

ObjectAnimator alpha = ObjectAnimator.ofFloat(btn_test, “alpha”, 1f, 0f, 1f);

alpha.setDuration(3000);

alpha.start();

效果展示:

  • rotation

ObjectAnimator alpha = ObjectAnimator.ofFloat(btn_test, “rotation”, 0f,360f);

alpha.setDuration(3000);

alpha.start();

效果展示

我们可以看到,其实属性动画也没什么难的,根据我个人经验,唯一让大家感到疑惑的就是 ObjectAnimator.ofFloat() 方法的第二个参数,我们该怎么填。要搞清楚这个我们得先看看属性动画的本质

本质剖析

ObjectAnimator内部的工作机制并不是直接对我们传入的属性名进行操作的,而是会去寻找这个控件中属性名对应的get和set方法,如下图:

很明显,Button这个控件存在 setRotation() 和 setAlpha() 方法,所以我们的参数可以写 “rotation” 和 “alpha”。

  • translationX

从上图中我们可以看到 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 这个接口的所有方法都做了实现,所以我们需要哪个方法重写即可。

使用XML编写动画


我们可以使用代码来编写所有的动画功能,这也是最常用的一种做法。不过,过去的补间动画除了使用代码编写之外也是可以使用XML编写的,因此属性动画也提供了这一功能,即通过XML来完成和代码一样的属性动画功能。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值