Android 动画——属性动画Property Animation

　　Android在3.0之前只提供了两种动画:View Animation 、Drawable Animation 。也就是我们在《Android 动画——Frame Animation与Tween Animation 》讲解的逐帧动画和补间动画。android在3.0之后又增加了一种动画类型：Property Animation属性动画。
　　View Animation相当简单，不过只能支持简单的缩放、平移、旋转、透明度基本的动画，且有一定的局限性。比如：你希望View有一个颜色的切换动画；你希望可以使用3D旋转动画；你希望当动画停止时，View的位置就是当前的位置；这些View Animation都无法做到。这就是Property Animation产生的原因，本篇博客详细介绍Property Animation的用法。

　　ValueAnimator使用代码创建和它的子类ObjectAnimator使用代码创建是有区别的。这里先声明一下，在下面讲解到ObjectAnimator我们会具体的说明。ValueAnimator使用代码创建步骤如下：
　　
1. 首先调用ValueAnimator如下的静态方法设置相关的属性值：

　　这里我们调用ofFloat(float… values)属性传入动画在X轴上变化的数值。
　　
2. ValueAnimator对象调用setTarget()方法，设置动画实现在哪个对象的身上。
3. ValueAnimator对象调用setDuration()和start()设置动画的显示时间和开始动画。
4. 调用addUpdateListener()方法，在这个监听器中添加相关的操作。
我们来看具体的代码操作：
xml布局文件：（一个按钮开始动画，一个ImageView显示动画）

 1 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:tools="http://schemas.android.com/tools"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     tools:context=".MainActivity">
 6 
 7     <LinearLayout
 8         android:id="@+id/layout"
 9         android:layout_width="match_parent"
10         android:layout_height="wrap_content"
11         android:gravity="center">
12 
13         <Button
14             android:id="@+id/button_start"
15             android:layout_width="0dp"
16             android:layout_height="wrap_content"
17             android:layout_weight="1"
18             android:text="开始动画" />
19 
20     </LinearLayout>
21     <ImageView
22         android:id="@+id/imageview_xml"
23         android:layout_width="100dp"
24         android:layout_height="100dp"
25         android:layout_centerInParent="true"
26         android:layout_gravity="center"
27         android:onClick="startAnimation"
28         android:src="@mipmap/ic_launcher" />
29 
30 </RelativeLayout>

Activity代码实现：

 1 public class XMLAnimationActivity extends Activity implements View.OnClickListener {
 2 
 3     private Button mButtonStart;
 4     private ImageView mImageView;
 5 
 6     @Override
 7     protected void onCreate(Bundle savedInstanceState) {
 8         super.onCreate(savedInstanceState);
 9         setContentView(R.layout.activity_xmlanimation);
10         mButtonStart = (Button) findViewById(R.id.button_start);
11         mImageView = (ImageView) findViewById(R.id.imageview_xml);
12         mButtonStart.setOnClickListener(this);
13     }
14     @Override
15     public void onClick(View v) {
16         switch (v.getId()) {
17             case R.id.button_start:
18                 //在代码中创建
19                 ValueAnimator animator = ValueAnimator.ofFloat(0.0f, 1.0f);//设置属性值
20                 animator.setTarget(mImageView);//设置操作对象
21                 animator.setDuration(1000).start();//动画开始
22                 animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
23                     @Override
24                     public void onAnimationUpdate(ValueAnimator animation) {
25                         mImageView.setScaleY((Float) animation.getAnimatedValue());//设置Y轴上的变化
26                         mImageView.setScaleX((Float) animation.getAnimatedValue());//设置X轴上的变化
27                     }
28                 });
29                 break;
30             default:
31                 break;
32         }
33     }
34 }

ObjectAnimator的使用

　　ObjectAnimator创建有两种方式，一种是在Java代码中添加，一种是使用加载xml布局添加。

java代码中创建

在Activity中添加一句话：

1 ObjectAnimator.ofFloat(mImageView, "ScaleX", 0.0f, 1.0f).setDuration(3000).start();

　　ObjectAnimator提供了ofInt、ofFloat、ofObject，这几个方法都是设置动画作用的元素、作用的属性、动画开始、结束、以及中间的任意个属性值。当对于属性值，只设置一个的时候，会认为当然对象该属性的值为开始（getPropName反射获取），然后设置的值为终点。如果设置两个，则一个为开始、一个为结束。
　　动画更新的过程中，会不断调用setPropName更新元素的属性，所有使用ObjectAnimator更新某个属性，必须得有getter（设置一个属性值的时候）和setter方法。
　　

xml文件中创建

　　为了减轻java代码的负担，我们将对动画的设置定义在xml代码中。
1. 首先在res文件夹下创建一个animator的文件夹。
2. 在animator文件夹下创建一个animator.xml的文件。我们在该xml文件下对动画属性定义。

1 <?xml version="1.0" encoding="utf-8"?>
2 <set xmlns:android="http://schemas.android.com/apk/res/android">
3     <objectAnimator
4         android:duration="3000"
5         android:propertyName="scaleX"
6         android:valueFrom="0.5f"
7         android:valueTo="1.0f">
8     </objectAnimator>
9 </set>

3. 在Activity中：

1 //使用xml文件加载属性动画方式一
2 Animator anim = AnimatorInflater.loadAnimator(this, R.animator.animator);//通过该方法，将xml文件导入
3 anim.setTarget(mImageView);//这是动画的对象
4 anim.start();//设置动画的开始

以下为补充：
　　其实在之前还有一种调用方式：在ImageView中添加android:onClick="startAnimation"属性，然后再Activity中定义如下方法：
　　注意：该方法已被抛弃，因为他增加了xml布局文件与java文件的耦合性，违背了”高内聚，低耦合“的原则。

1     public void startAnimation(View view) {
2         //java代码中设置属性操作
3         ObjectAnimator.ofFloat(mImageView, "TranslationZ", 0.0f, 1.0f).setDuration(3000).start();    
4     }

1     public void startAnimation(View view) {
2         //xml文件中设置属性操作
3         Animator anim = AnimatorInflater.loadAnimator(this, R.animator.animator);
4         anim.setTarget(mImageView);
5         anim.start();      
6     }

ObjectAnimator与ValueAnimator的不同

我们可以先回顾一下ValueAnimator的使用：

 1 ValueAnimator animator = ValueAnimator.ofFloat(0.0f, 1.0f);//设置属性值
 2 animator.setTarget(mImageView);//设置操作对象
 3 animator.setDuration(1000).start();//动画开始
 4 animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
 5     @Override
 6     public void onAnimationUpdate(ValueAnimator animation) {
 7         mImageView.setScaleY((Float) animation.getAnimatedValue());//设置Y轴上的变化
 8         mImageView.setScaleX((Float) animation.getAnimatedValue());//设置X轴上的变化
 9     }
10 });

ObjectAnimator使用：

1 ObjectAnimator.ofFloat(mImageView, "ScaleX", 0.0f, 1.0f).setDuration(3000).start();

　　区别很明显，ValueAnimator调用ofFloat()方法设置了操作的值，而没有设置是何种操作，也就是没有设置操作属性。而ObjectAnimator调用ofFloat()方法设置了操作属性是ScaleX（X轴变化）。
　　
　　ValueAnimator有没有设置操作的属性，也就是说我们必须在addUpdateListener()方法中定义的监听器中添加相关的属性，否则动画没有任何的操作。那么ValueAnimator这样有什么好处呢？
　　
　　好处就是，我们不需要操作的对象的属性一定要有getter和setter方法，你可以自己根据当前动画的计算值，来操作任何属性。
　　

posted @ 2017-07-12 10:45 环球移动团队阅读(898) 评论(0) 收藏举报

刷新页面返回顶部

环球移动团队

Android 动画——属性动画Property Animation

相关API

相关属性：

相关类：

Animator

ValueAnimator的使用

ObjectAnimator的使用

java代码中创建

xml文件中创建

ObjectAnimator与ValueAnimator的不同

公告