Android之属性动画（一）

一、概述

　　Android平台中常用的动画主要有两类，一类是View动画，一类是3.0后新增的属性动画。属性动画与View动画相比功能更加强大，主要体现在以下两个方面：

1、  属性动画不仅仅能应用到View上，还可以应用到Object对象上。

2、  属性动画将会真正改变Object对象属性的值。

　　如此强大的动画，我们没有理由不去学习使用，下面我们就根据API文档的介绍开始学习如何使用属性动画。

二、属性动画的学习与使用

　　首先我们要先了解属性动画的一些关键属性，文档中给出了这么几个：

Duration：这个很好理解，动画的持续时间。

Time interpolation：时间差值，主要用来定义动画的变化率，系统中已经提供许多定义好的插值器，具体可以参照下表：

Repeat count and behavior：重复次数和模式，用于定义说明动画的重复次数及如何重复。

Animator sets：动画集合，用于组合动画，可以指定动画的执行顺序。

Frame refresh delay：刷帧延迟。

　　了解了这些属性的意义后，我们在来看看与属性动画相关的类有哪些，从表中我们可以看到主要有3个，分别是ValueAnimator、ObjectAnimator、AnimatorSet，其中ObjectAnimator是ValueAnimator的子类。

 

　　大多数情况下我们使用ObjectAnimator即可方便的完成非常不错的动画效果，下面让我们先体验一下。先上布局文件，非常简单，只有一张图片和一个按钮。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    <ImageView 
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:id="@+id/imageView"
        android:scaleType="fitXY"
        android:src="@drawable/animator_img"
        android:contentDescription="@null"/>
    <Button 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/btnOK"
        android:text="OK"
        android:layout_alignParentBottom="true"/>
</RelativeLayout>

　　Java：

        findViewById(R.id.btnOK).setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                ObjectAnimator
                    .ofFloat(imageView, "translationX", 0f,300f)
                    .setDuration(2000)
                    .start();
            }
        });

　　效果图如下：

 

　　通过以上的演示，我们可以看到使用ObjectAnimator可以非常方便的完成一个动画，仅仅一行代码，同时通过Toast我们可以看出图片的位置属性确实是改变了。

　　我们具体了解一下ObjectAnimator，ObjectAnimator提供了ofInt、ofFloat、ofObject等方法，这些方法中基本都需要如下参数：

Object target：动画作用的目标对象。

String propertyName:动画的作用属性，注意目标对象必须为此属性提供get/set方法。

Float/int…  values:可变参数，用于定义动画的起始、中间、结束时的数值。

　　默认情况下，动画变化效果是线性，我们可以通过setInterpolator方法设置一个插值器来改变动画的变化率。

　　AnimatorSet:用于组合动画 ，下面我们通过一个例子来演示它的具体用法，主要代码如下：

AnimatorSet animatorSet = new AnimatorSet();
            ObjectAnimator animator1 = ObjectAnimator.ofFloat(imageView, "x",  0,screenWidth-imgWidth);
            animator1.setDuration(2000);
            animator1.setInterpolator(new DecelerateInterpolator());
            
            ObjectAnimator animator2 = ObjectAnimator.ofFloat(imageView, "y",  0,screenHeight-imgHeight);
            animator2.setDuration(2000);
            animator2.setInterpolator(new AccelerateInterpolator());
            
            ObjectAnimator animator3 = ObjectAnimator.ofFloat(imageView, "x",  screenWidth-imgWidth,0);
            animator3.setDuration(2000);
            animator3.setInterpolator(new AccelerateInterpolator());
            
            ObjectAnimator animator4 = ObjectAnimator.ofFloat(imageView, "y",  screenHeight-imgHeight,0);
            animator4.setDuration(2000);
            animator4.setInterpolator(new AccelerateInterpolator());
            
            animatorSet.play(animator1);
            animatorSet.play(animator2).after(animator1);
            animatorSet.play(animator3).after(animator2);
            animatorSet.play(animator4).after(animator3);
            animatorSet.start();

　　通过以上代码，我们可以看到通过AnimatorSet，我们可以任意组合动画，并且安排它们的执行顺序，图片在屏幕中按照顺时针方向走一周，并且因为插值器的使用，其变化率不一样，执行效果如下：

　　看懂了吗？想要测试的小伙伴，可以点击下载工程直接运行测试！有问题也可以跟帖留言讨论哦~

作者：杰瑞教育
出处：http://www.cnblogs.com/jerehedu/ 
本文版权归烟台杰瑞教育科技有限公司和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。