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

Dear 丶 2022-08-04 15:43 172阅读 0赞

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

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

图片资源如下：

![Center][]

[Center]: /images/20220731/e19acdfae3004826b894fc848e2fa43c.png