Android动画分析之3D翻转效果


Android中的翻转动画效果的实现,首先看一下运行效果如上图所示.
Android中并没有提供直接做3D翻转的动画,所以关于3D翻转的动画效果需要我们自己实现,那么我们首先来分析一下Animation 和 Transformation。
Animation动画的主要接口,其中主要定义了动画的一些属性比如开始时间,持续时间,是否重复播放等等。而Transformation中则包含一个矩阵和alpha值,矩阵是用来做平移,旋转和缩放动画的,而alpha值是用来做alpha动画的,要实现3D旋转动画我们需要继承自Animation类来实现,我们需要重载getTransformation和applyTransformation,在getTransformation中Animation会根据动画的属性来产生一系列的差值点,然后将这些差值点传给applyTransformation,这个函数将根据这些点来生成不同的Transformation。下面是具体实现:
package com.example.textviewtest;import android.app.Activity;import android.os.Bundle;import android.view.Menu;import android.view.View;import android.view.animation.AccelerateInterpolator;import android.view.animation.Animation;import android.view.animation.DecelerateInterpolator;import android.widget.Button;import android.widget.TextView;public class MainActivity extends Activity {private TextView tv;private Button btn;private int count = 1;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);tv = (TextView) findViewById(R.id.tv);tv.setText(String.valueOf(count));btn = (Button) findViewById(R.id.next_btn);applyRotation(0, 90);btn.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {applyRotation(0, 90);}});}private void applyRotation(float start, float end) {// 计算中心点final float centerX = tv.getWidth() / 2.0f;final float centerY = tv.getHeight() / 2.0f;final Rotate3dAnimation rotation = new Rotate3dAnimation(start, end,centerX, centerY, 310.0f, true);rotation.setDuration(500);rotation.setFillAfter(true);rotation.setInterpolator(new AccelerateInterpolator());// 设置监听rotation.setAnimationListener(new DisplayNextView());tv.startAnimation(rotation);}private final class DisplayNextView implements Animation.AnimationListener {public void onAnimationStart(Animation animation) {}// 动画结束public void onAnimationEnd(Animation animation) {tv.post(new SwapViews());}public void onAnimationRepeat(Animation animation) {}}private final class SwapViews implements Runnable {public void run() {final float centerX = tv.getWidth() / 2.0f;final float centerY = tv.getHeight() / 2.0f;Rotate3dAnimation rotation = null;tv.requestFocus();rotation = new Rotate3dAnimation(90, 0, centerX, centerY, 310.0f,false);rotation.setDuration(500);rotation.setFillAfter(true);rotation.setInterpolator(new DecelerateInterpolator());// 开始动画tv.startAnimation(rotation);tv.setText(String.valueOf(count++));}}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {getMenuInflater().inflate(R.menu.activity_main, menu);return true;}}看懂了吗?呵呵。