看到一篇有关属性动画基本使用的简书,觉得写得很好,就提炼了一把。原文请看:原文。
做一个动画时,一般实现的效果分为以下几种:透明度、旋转、移动、缩放。可以java代码实现,也可以xml文件实现。
一、透明度
透明度由0~1表示。0表示完全透明,1表示不透明
1.java实现:
例:在1s内,将imageView的透明度从1变成0。
//透明度起始为1,结束时为0
ObjectAnimator animator = ObjectAnimator.ofFloat(imageView, "alpha", 1f, 0f);
animator.setDuration(1000);//时间1s
animator.start();
ofFloat中的参数:
- imageView:执行动画的View;
- "alpha":表示透明动画;
- 1f:起始透明度;
- 0f:动画结束后的透明度;
也可以这样:
//在2s内,将imageView的透明度从1变成0然后再变成1。
ObjectAnimator animator = ObjectAnimator.ofFloat(imageView, "alpha", 1f, 0f, 1f);
animator.setDuration(2000);//时间1s
animator.start();
这里执行了两次动画,2s的时间平均分配给了这两次动画。
如果你想执行三次、四次...动画,只要在后面多加几个参数就可以了。这也适用于其他的几个动画效果:旋转、移动、缩放
属性动画提供 setRepeatCount(int count)来控制重复动画的次数。count为重复次数,-1表示一直重复。
2.xml实现:
在animator文件夹下,创建alpha.xml文件:
<?xml version="1.0" encoding="utf-8"?>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="2000"
android:propertyName="alpha"
android:repeatCount="-1"
android:repeatMode="reverse"
android:valueFrom="0.5"
android:valueTo="1"
android:valueType="floatType" />
android:duration:动画持续时间;
android:propertyName:动画类型;
android:repeatCount:重复次数,-1为一直重复;
android:repeatMode:重复模式:reverse(从结束的位置继续), restart(从新开始);
android:valueFrom:起始值;
android:valueTo:结束值。
android:valueType:值类型
然后可以在代码中使用xml文件:
Animator animator = AnimatorInflater.loadAnimator(this, R.animator.alpha);
animator.setTarget(imageView);
animator.start();
二、旋转
1.java实现:
//例:在2s内,顺时针旋转360度,然后再逆时针旋转360度。
ObjectAnimator animator = ObjectAnimator.ofFloat(imageView, "rotation", 0f, 360f, 0f);
animator.setDuration(2000);
animator.start();
注:下个度数大于上个度数,顺时针旋转;下个度数小于上个度数,逆时针旋转。
如:0f -> 360f ,顺时针; 360f -> 0f,逆时针。
2.xml实现:
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
android:valueFrom="0"
android:valueTo="360"
android:duration="2000"
android:propertyName="rotation"
android:valueType="floatType"/>
在Java中的调用跟上面的相似。
三、移动
1.java实现:
//在2s内,沿x轴左移300个像素,然后再右移300个像素
ObjectAnimator animator = ObjectAnimator.ofFloat(imageView, "translationX", 0f, -300f, 0f);
animator.setDuration(2000);
animator.start();
这里的移动分为沿x、y轴移动,沿x轴时使用translationX,沿y轴移动使用translationY。
translationX:下个位置大于上个上个位置时,向右移动,反之向左移动;
translationY:下个位置大于上个上个位置时,向下移动,反之向上移动。
如:translationX:0f-> -300f,向左;-300f-> 0f,向右。
2.xml实现:
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="2000"
android:propertyName="translationX"
android:repeatCount="-1"
android:repeatMode="reverse"
android:valueFrom="0"
android:valueTo="200"
android:valueType="floatType"/>
这里就将android:propertyName的值改为translationX,若沿y轴,使用translationY即可。
在Java中的调用跟上面的相似。
四、缩放
1.java实现:
//在2s内,沿x轴放大成原来的两倍,然后缩小会原样。
ObjectAnimator animator = ObjectAnimator.ofFloat(imageView, "scaleX", 1f, 2f, 1f);
animator.setDuration(2000);
animator.start();
缩放和移动相似,也分为沿x、y轴来放缩。沿x轴缩放使用scaleX,沿y轴缩放使用scaleY。
后面的参数表示倍数,1f表示原来的大小,以此推类:2f表示两倍、3f表示三倍。
如:1f-> 2f,放大成原来的两倍;2f-> 1f,从两倍变为原样。
2.xml实现:
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="2000"
android:propertyName="scaleX"
android:valueFrom="1"
android:valueTo="1.5"
android:valueType="floatType" />
这里就将android:propertyName的值改为scaleX,若沿y轴,使用scaleY即可。
在Java中的调用跟上面的相似。
五、组合动画
1.java实现:
如果只有这些基本动画是无法满足我们实际的应用的,所以还有个类AnimatorSet,专门来组合这些动画。
AnimatorSet:这个类提供了一个play()方法,调用后将会返回一个AnimatorSet.Builder的实例,AnimatorSet.Builder中包括以下四个方法:
- **after(Animator anim) **:将现有动画插入到传入的动画之后执行
- after(long delay) :将现有动画延迟指定毫秒后执行
- before(Animator anim): 将现有动画插入到传入的动画之前执行
- **with(Animator anim) **:将现有动画和传入的动画同时执行
接下来看看应该怎么使用。
例:在3s内,沿x、y轴同时放大,然后缩小,在缩放的同时还要改变透明度。然后再完成3s的左右移动。
//沿x轴放大
ObjectAnimator scaleXAnimator = ObjectAnimator.ofFloat(imageView, "scaleX", 1f, 2f, 1f);
//沿y轴放大
ObjectAnimator scaleYAnimator = ObjectAnimator.ofFloat(imageView, "scaleY", 1f, 2f, 1f);
//移动
ObjectAnimator translationXAnimator = ObjectAnimator.ofFloat(imageView, "translationX", 0f, 200f, 0f);
//透明动画
ObjectAnimator animator = ObjectAnimator.ofFloat(imageView, "alpha", 1f, 0f, 1f);
AnimatorSet set = new AnimatorSet();
//同时沿X,Y轴放大,且改变透明度,然后移动
set.play(scaleXAnimator).with(scaleYAnimator).with(animator).before(translationXAnimator);
//都设置3s,也可以为每个单独设置
set.setDuration(3000);
set.start();
这里还可以设置延时:animator.setStartDelay(1000);//延迟1000ms后执行,需要在start()前调用
2.xml实现:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:ordering="sequentially">
<set>
<objectAnimator
android:duration="4000"
android:propertyName="rotation"
android:repeatMode="reverse"
android:valueFrom="0"
android:valueTo="360" />
<set android:ordering="sequentially">
<objectAnimator
android:duration="2000"
android:propertyName="translationX"
android:repeatMode="reverse"
android:valueFrom="0"
android:valueTo="200" />
<objectAnimator
android:duration="2000"
android:propertyName="translationX"
android:repeatMode="reverse"
android:valueFrom="200"
android:valueTo="0" />
</set>
</set>
<set >
<objectAnimator
android:duration="4000"
android:propertyName="rotation"
android:repeatMode="reverse"
android:valueFrom="0"
android:valueTo="360" />
<set android:ordering="sequentially">
<objectAnimator
android:duration="2000"
android:propertyName="translationX"
android:repeatMode="reverse"
android:valueFrom="0"
android:valueTo="-200" />
<objectAnimator
android:duration="2000"
android:propertyName="translationX"
android:repeatMode="reverse"
android:valueFrom="-200"
android:valueTo="0" />
</set>
</set>
</set>
set中的属性android:ordering:规定了这个set中的动画的执行顺序,包括:
together(默认):set中的动画同时执行
sequentially:set中的动画按顺序执行
六、监听事件
最后一件事就是监听事件了,在动画执行前,还可以为动画添加监听事件。
//添加监听事件
set.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) {
//动画重复执行的时候调用
}
});
也可以使用AnimatorListenerAdapter类,在这个类中,只要重写我们想要的监听事件就可以了。例如:
//另一种设置监听的方式,里面的监听方法可以选择性重写
set.addListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationStart(Animator animation) {
}
});
最后强调一点,本文参考了原著【Android】属性动画(基本用法)。本文只是简单的将巨人的成果按照我自己喜欢的方式组合了一下。谢谢作者带心情去旅行的分享。