安卓中的动画之属性动画

Posted 2020-08-09

属性动画（Property Aniamtion）是在谷歌新推出的一种动画。

1.什么是属性动画？

  属性动画，顾名思义，就是操作属性的动画。在这里可能有人要问什么是操作的属性？想想以前我们学习的动画--变换动画，可以更改动画显示的各种形态，看上去非常炫酷；布局动画，可以更改activity跳转你的动画；帧动画，就是flash动画一样。我们在使用这些动画时，特别是变换动画时，有没有想过，假如一个imageview有一个监听事件，而我们使用变换动画更换了imageview的位置时，此时我们想要实现这个imageview时，该点击哪里？是原来的位置，还是现在的位置呢？  经过试验，发现只有点击原来的位置才有反应，这是为何呢？这就是变换动画的缺点所在，它尽管能够为view增加动画效果，但是它没有改变view本身的属性，这会导致在应用中，用户会非常的不适应，因为用户根本就不知道这些事情。相反，属性就能够达到这样的效果--为view增加的动画的同时，也将view的属性改变了，这就是所谓的属性动画

2.为什么要使用属性动画？

  变换动画可以view增加一些炫酷的效果，这是毋庸置疑的。但是在用户交互中，它就相形见绌了，归根究底，变换动画只是给用户看，如果想要利用变换动画来交互就远远不能。属性动画，就是为变换动画填补这块空缺。如果想要达到效果与交互，就使用属性动画，如果仅仅只需要效果，就使用变换动画。

3.怎么使用属性动画

首先我们分清楚，普通的动画叫做Animation，而属性动画则是Animator。从字面上，我们可以这样理解Animation就是普普通通的动画，而Animator则是操作动画的人，它肆意地更改动画各种东西，包括加载Animation的view的相关东西。比如说，imageview就是电脑，Animation就是操作系统，Animator是用户，当电脑没有没有系统时，我们也可以使用它，比如进入bios等等，当电脑装上操作系统时，也就是imageview加载了动画了，我们就可在使用电脑的更多功能，但是这个仅仅局限于操作系统，比如操作系统并不能修改电脑的某些参数，而用户就不同了，可以既可以操作电脑，使用功能，又可以更改电脑的参数。这就是属性动画的角色。

其次，我们来看看安卓官方提供的api。Animator是所有的属性动画父类，继承它的有AnimatorSet（动画集合），ValueAnimator。我们通常使用的是valueAnimation和它的子类ObjectAnimator。我这里只说下objectAnimator的使用，ValueAnimation在下次再说。

现在我们来看代码

布局文件代码

xml代码

 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="com.example.android_propertyaniamtion.MainActivity" >
 6 
 7     <ImageView
 8         android:id="@+id/imageview"
 9         android:layout_width="wrap_content"
10         android:layout_height="wrap_content"
11         android:layout_alignParentTop="true"
12         android:src="@drawable/ic_launcher" />
13 
14     <Button
15         android:id="@+id/button"
16         android:layout_width="fill_parent"
17         android:layout_height="wrap_content"
18         android:layout_alignParentBottom="true"
19         android:text="@string/button_string" />
20 
21 </RelativeLayout>

Activity代码

JAVA代码

 1 package com.example.android_propertyaniamtion;
 2 
 3 import android.animation.ObjectAnimator;
 4 import android.app.Activity;
 5 import android.os.Bundle;
 6 import android.view.View;
 7 import android.view.View.OnClickListener;
 8 import android.widget.Button;
 9 import android.widget.ImageView;
10 
11 public class MainActivity extends Activity implements OnClickListener{
12     private Button button = null;
13     private ImageView imageview = null;
14     
15     protected void onCreate(Bundle savedInstanceState) {
16         super.onCreate(savedInstanceState);
17         setContentView(R.layout.activity_main);
18         button = (Button) findViewById(R.id.button);
19         imageview = (ImageView) findViewById(R.id.imageview);
20         button.setOnClickListener(this);
21         imageview.setOnClickListener(this);
22     }
23 
24     public void onClick(View v) {
25         switch(v.getId())
26         {
27             case R.id.button:
28             {
29 //                float fromXDelta = imageview.getX();
30 //                float fromYDelta = imageview.getY();
31 //                TranslateAnimation animation = new TranslateAnimation(fromXDelta, fromXDelta + 200, fromYDelta, fromYDelta);
32 //                animation.setFillAfter(true);
33 //                animation.setDuration(1000);
34 //                imageview.startAnimation(animation);
35                 //这里通过工厂方法来创建一个ObjectAnimator的对象
36                 /*
37                  * 第一个参数：需要加载该动画的view
38                  * 第二个参数：操作命令（translationY -- 对Y轴进行操作， translationX--对X轴进行操作）
39                  * 第三个参数:需要操作的对称轴的原坐标
40                  * 第四个参数：操作后的坐标
41                  */
42                 ObjectAnimator oa = ObjectAnimator.ofFloat(imageview, "translationY", 0F, 100F);
43                 oa.setDuration(1000);
44                 oa.start();
45                 break;
46             }
47             case R.id.imageview:
48             {
49                 break;
50             }
51         }
52     }
53     
54 }