属性动画(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 }