Android变形(Transform) 之 3D Animation

引言

了解Matrix和Camera的使用，本章主要总结自定义动画（Animation），最后通过一个3D动画来综合应用。对于Animation的基本使用以及种类不做细讲，希望

 

Animation

动画说白了就是在一个时间段，改变一个目标的视图状态。

---

example：1秒钟内，让一个图片的透明度从1编程0.5

1.设置时间-1秒钟，对于抽象类Animation直接提供setDuration(long milis)方法进行设置

2.执行目标，View提供startAnimation(Animation anim)方法执行动画

3.改变状态视图，动画的多样化就是改变视图的各种状态，可以分为透明度，坐标矩阵俩种，坐标矩阵就可以引申出位移，旋转，缩放等等变形了。

---

Animation里面提供一个自定义动画行为的方法applyTransformation(float interprolatedTime, Transformation t)

float型参数interprolatedTime代表动画的插值，动画开始为0，动画结束为1，所有的动画行为可以从这个值的变化引申出自定义的各种动画

Transformation类型的参数t表示当前动画目标的行为状态，可以通过getMatrix和setMatrix方法对目标的坐标矩阵进行获取和设置，通过setAlpha对其透明度进行设置

---

下面是example的代码实现：

 1 public class CustomAnimation extends Animation {
 2 
 3     float mFromAlpha, mToAlpha;
 4     
 5     public CustomAnimation(float fromAlpha, float toAlpha) {
 6         mFromAlpha = fromAlpha;
 7         mToAlpha = toAlpha;
 8     }
 9     
10     @Override
11     protected void applyTransformation(float interpolatedTime, Transformation t) {
12         t.setAlpha(mFromAlpha + (mToAlpha - mFromAlpha) * interpolatedTime);
13         super.applyTransformation(interpolatedTime, t);
14     }
15 }

调用代码：

             CustomAnimation anim = new CustomAnimation(0.5f, 1f);
2             anim.setDuration(300);
3             anim.setInterpolator(new AccelerateInterpolator());
4             img.startAnimation(anim);

setInterpolator方法为设置动画行为控制器，例如线性运动，加速运动，曲线运动等等。

上述一个简单的自定义动画就完成。

 

3D Animation

看下3D动画的实现

 1 public class Custom3DAnimation extends Animation {
 2     public static final int AXIS_Y = 0;
 3     public static final int AXIS_X = 1;
 4 
 5     float mCenterX, mCenterY;
 6     float mFromDegree, mToDegree, mDistanceZ;
 7     int mAxis = AXIS_Y;
 8 
 9     public Custom3DAnimation(
10             float centerX,
11             float centerY,
12             float fromDegree,
13             float toDegree,
14             float distanceZ,
15             int axis) {
16         mCenterX = centerX;
17         mCenterY = centerY;
18         mFromDegree = fromDegree;
19         mToDegree = toDegree;
20         mDistanceZ = distanceZ;
21         mAxis = axis;
22     }
23 
24     @Override
25     protected void applyTransformation(float interpolatedTime, Transformation t) {
26         float degree = mFromDegree + (mToDegree - mFromDegree) * interpolatedTime;
27         float distanceZ = mDistanceZ * interpolatedTime;
28         
29         Matrix matrix = t.getMatrix();
30         Camera camera = new Camera();
31         camera.save();
32         if (mDistanceZ != 0) {
33             camera.translate(0.0f, 0.0f, distanceZ);
34         }
35         if (mAxis == AXIS_X) {
36             camera.rotateX(degree);
37         } else if (mAxis == AXIS_Y) {
38             camera.rotateY(degree);
39         }
40         camera.getMatrix(matrix);
41         camera.restore();
42         
43         //设置旋转中心
44         matrix.preTranslate(-mCenterX, -mCenterY);
45         matrix.postTranslate(mCenterX, mCenterY);
46         
47         super.applyTransformation(interpolatedTime, t);
48     }
49 }

3D动画的参数：中心点X，中心点Y，旋转开始角度，旋转结束角度，旋转是X轴还是Y轴，Z轴动画距离

调用如下：

 1             Custom3DAnimation anim = new Custom3DAnimation(
 2                     img.getWidth() / 2, 
 3                     img.getHeight() / 2,
 4                     0,
 5                     180,
 6                     100,
 7                     Custom3DAnimation.AXIS_Y);
 8             anim.setDuration(1000);
 9             anim.setInterpolator(new AccelerateInterpolator());
10             img.startAnimation(anim);

 

扩展

一般3D的使用，都是分正反俩面，当View翻转90度以后，View的内容或者View本身编程变换，然后完成另外90度的选中，来达到翻面的效果。

 1 Custom3DAnimation anim = new Custom3DAnimation(
 2                 img.getWidth() / 2, 
 3                 img.getHeight() / 2,
 4                 0,
 5                 90,
 6                 0,
 7                 Custom3DAnimation.AXIS_Y);
 8         anim.setDuration(500);
 9         anim.setInterpolator(new AccelerateInterpolator());
10         anim.setAnimationListener(new AnimationListener() {
11             @Override
12             public void onAnimationStart(Animation animation) {    }        
13             @Override
14             public void onAnimationRepeat(Animation animation) {}
15             @Override
16             public void onAnimationEnd(Animation animation) {
17                 img.setImageResource(R.drawable.logo_l2);
18                 Custom3DAnimation anim1 = new Custom3DAnimation(
19                         img.getWidth() / 2, 
20                         img.getHeight() / 2,
21                         -90,
22                         0,
23                         0,
24                         Custom3DAnimation.AXIS_Y);
25                 anim1.setDuration(500);
26                 anim1.setInterpolator(new AccelerateInterpolator());
27                 img.startAnimation(anim1);
28             }
29         });
30         img.startAnimation(anim);

涉及到的内容比较简单，只是起到总结作用，便于以后使用备忘。