Android属性动画基本使用

2017-07-19 本文已影响0人我弟是个程序员

看到一篇有关属性动画基本使用的简书，觉得写得很好，就提炼了一把。原文请看：原文。

做一个动画时，一般实现的效果分为以下几种：透明度、旋转、移动、缩放。可以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】属性动画（基本用法）。本文只是简单的将巨人的成果按照我自己喜欢的方式组合了一下。谢谢作者带心情去旅行的分享。

Android属性动画基本使用

一、透明度

二、旋转

三、移动

四、缩放

五、组合动画

六、监听事件

猜你喜欢

热点阅读