动画在提高用户体验里面起了巨大的作用,可以说是提高用用户体验的“主力军”。在 Android 3.0 之前,视图动画几乎承担了所有的动画效果,但是视图动画有一个很大的局限性:它改变的只是某个 View 的外观。但是响应事件位置并没有随着 View 的改变而改变。举个 case 来说,现在有一个按钮通过视图动画在 x 轴方向上向右移动了 200 px(像素) 的距离,按钮显示的位置虽然改变了,但是点击移动后的按钮并不能相应点击事件,只有点击这个按钮没有移动之前的位置才能响应这个按钮的点击事件。由于这个巨大的局限性,Google 在 Android 3.0 以上添加了一个新的动画框架:属性动画。下面来一起看一下属性动画的用法:
如果你熟悉视图动画的使用方法,那么属性动画的用法一定没问题。我们先来看一下属性动画最简单的用法。
新建一个 Android 工程:
activity_main.xml:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:gravity="center_horizontal"
tools:context="com.company.zhidian.androidobjectanimator.MainActivity">
<Button
android:id="@+id/startAnimatorButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="启动动画"/>
</LinearLayout>
so easy 的布局,下面是 MainActivity.java:
import android.animation.ObjectAnimator;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
public class MainActivity extends AppCompatActivity {
private Button startAnimatorButton = null;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
startAnimatorButton = (Button) findViewById(R.id.startAnimatorButton);
startAnimatorButton.setOnClickListener(clickListener);
}
// 开始播放动画的方法
private void startAnimator() {
/**
* 新建一个 ObjectAnimator 对象,第一个参数为动画执行的对象,第二个参数是对象要改变的的属性,
* 这里相当于对象在 x 轴上的平移效果,第三个参数是一个可变数组,这里代表的意思是从距离对象 x 轴
* 方向上为 0 px 的位置(即为初始位置)开始在 x 轴上平移到距离对象 x 轴初始位置为 +200 px 的位置,
* 然后再从这个位置移动到距离对象初始位置 x 轴方向上 -100 px 的位置,
* 这里的数字都是以对象的初始位置作为参考,
* 我们可以设置多个数字,那么动画就会按给定数字一直移动,直到所有数字都被使用完
*/
ObjectAnimator animator = ObjectAnimator.ofFloat(startAnimatorButton,
"translationX", 0, 200, -100);
// 设置动画的持续时间,即多长时间内将这段动画执行完成
animator.setDuration(4000);
animator.start();
}
View.OnClickListener clickListener = new View.OnClickListener() {
@Override
public void onClick(final View view) {
if(view == startAnimatorButton) {
startAnimator();
}
}
};
}
其实逻辑也非常简单:首先为按钮设置点击事件,然后我们自定义了一个方法: startAnimator() ,在里面定义了一个属性动画对象并且设置相关属性,当按钮被点击的时候就会启动这个动画。下面来看看运行效果: