属性动画(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在下次再说。
现在我们来看代码
布局文件代码
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.android_propertyaniamtion.MainActivity" >
<ImageView
android:id="@+id/imageview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:src="@drawable/ic_launcher" />
<Button
android:id="@+id/button"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:text="@string/button_string" />
</RelativeLayout>
Activity代码
package com.example.android_propertyaniamtion;
import android.animation.ObjectAnimator;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;
public class MainActivity extends Activity implements OnClickListener{
private Button button = null;
private ImageView imageview = null;
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
button = (Button) findViewById(R.id.button);
imageview = (ImageView) findViewById(R.id.imageview);
button.setOnClickListener(this);
imageview.setOnClickListener(this);
}
public void onClick(View v) {
switch(v.getId())
{
case R.id.button:
{
// float fromXDelta = imageview.getX();
// float fromYDelta = imageview.getY();
// TranslateAnimation animation = new TranslateAnimation(fromXDelta, fromXDelta + 200, fromYDelta, fromYDelta);
// animation.setFillAfter(true);
// animation.setDuration(1000);
// imageview.startAnimation(animation);
//这里通过工厂方法来创建一个ObjectAnimator的对象
/*
* 第一个参数:需要加载该动画的view
* 第二个参数:操作命令(translationY -- 对Y轴进行操作, translationX--对X轴进行操作)
* 第三个参数:需要操作的对称轴的原坐标
* 第四个参数:操作后的坐标
*/
ObjectAnimator oa = ObjectAnimator.ofFloat(imageview, "translationY", 0F, 100F);
oa.setDuration(1000);
oa.start();
break;
}
case R.id.imageview:
{
break;
}
}
}
}