Interpolator是一个接口,它定义了所有Interpolator都需要实现的方法,Interpolator负责控制动画的变化速度,这就使得基本的动画效果(Alpha、Scale、Translate、Rotate)能以匀速变化、加速、减速、抛物线速度等各种速度变化。Android为Interpolator提供了如下几个实现类,分别用于实现不同动画变化速度:
1.LinearInterpolator:动画以均匀的速度改变。
——@android:anim/linear_interpolator
2.AccelerateInterpolator:动画开始的地方改变速度较慢,然后开始加速。
——@android:anim/accelerate_interpolator
3.AccelerateDecelerateInterpolator:在动画开始、结束的地方改变速度较慢,在中间的时候加速。
——@android:anim/accelerate_decelerate_interpolator
4.CycleInterpolator:动画循环播放特定的次数,变化速度按正弦曲线改变。
——@android:anim/accelerate_cycle_interpolator
5.DecelerateInterpolator:在动画开始的地方改变毒素较快,然后开始减速。
——@android:anim/accelerate_decelerate_interpolator
下面给出这些动画的实例使用方法,下面代码显示一个动画旋转缩小然后旋转放大的效果:
首先anim文件夹中放置的动画xml如下
anim.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/linear_interpolator">
<!--定义缩放变换-->
<scale android:fromXScale="1.0"
android:toXScale="0.01"
android:fromYScale="1.0"
android:toYScale="0.01"
android:pivotX="50%"
android:pivotY="50%"
android:fillAfter="true"
android:duration="3000" />
<!--定义透明度的变换-->
<alpha
android:fromAlpha="1"
android:toAlpha="0.05"
android:duration="3000" />
<!--定义旋转变换-->
<rotate
android:fromDegrees="0"
android:toDegrees="1800"
android:pivotX="50%"
android:pivotY="50%"
android:duration="3000" />
</set>
reverse.xml
<?xml version="1.0" encoding="utf-8"?>
<!--指定动画匀速改变-->
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/linear_interpolator">
<!--定义缩放变换-->
<scale
android:fromXScale="0.01"
android:toXScale="1"
android:fromYScale="0.01"
android:toYScale="1"
android:pivotX="50%"
android:pivotY="50%"
android:fillAfter="true"
android:duration="3000"/>
<alpha
android:fromAlpha="0.05"
android:toAlpha="1"
android:duration="3000"/>
<rotate
android:fromDegrees="1800"
android:toDegrees="0"
android:pivotX="50%"
android:pivotY="50%"
android:duration="3000"/>
</set>
main.xml
<LinearLayout 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" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">
<Button
android:id="@+id/bn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="@string/start"/>
<ImageView
android:id="@+id/flower"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:src="@drawable/pic1"/>
</LinearLayout>
Java运行文件如下:
import android.os.Handler;
import android.os.Message;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.Button;
import android.widget.ImageView;
import java.util.Timer;
import java.util.TimerTask;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
final ImageView flower = (ImageView)findViewById(R.id.flower);
//加载第一份动画资源
final Animation anim = AnimationUtils.loadAnimation(this, R.anim.anim);
//设置动画结束后保留结束状态
anim.setFillAfter(true);
//加载第二份动画资源
final Animation reverse = AnimationUtils.loadAnimation(this, R.anim.reverse);
//设置动画结束后保留结束状态
reverse.setFillAfter(true);
Button bn = (Button)findViewById(R.id.bn);
final Handler handler = new Handler() {
@Override
public void handleMessage(Message msg) {
if(msg.what == 0x123) {
flower.startAnimation(reverse);
}
}
};
bn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
flower.startAnimation(anim);
//设置3.5秒后启动第二个动画
new Timer().schedule(new TimerTask() {
@Override
public void run() {
handler.sendEmptyMessage(0x123);
}
}, 3500);
}
});
}
}
图片资源如下: