0
点赞
收藏
分享

微信扫一扫

Android的Tween动画与控制动画的Interpolator


        Interpolator是一个接口,它定义了所有Interpolator都需要实现的方法,Interpolator负责控制动画的变化速度,这就使得基本的动画效果(Alpha、Scale、Translate、Rotate)能以匀速变化、加速、减速、抛物线速度等各种速度变化。Android为Interpolator提供了如下几个实现类,分别用于实现不同动画变化速度:

        1.LinearInterpolator:动画以均匀的速度改变。

        ——@android:anim/linear_interpolator

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

}


图片资源如下:

Android的Tween动画与控制动画的Interpolator_android

举报

相关推荐

0 条评论