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); } }); } }