接上一篇,继续讲动画。今天给大家讲讲怎么实现最简单的旋转动画。
旋转动画,其实,也很简单,关键就几个要素。旋转的原点,旋转的角度,旋转的方向(当然还有旋转速度,不过,速度,是所有动画的东西,所以,我不放到这里讲)。
还是老规矩,我先上一个简单的实现:
这里,我们看到,前两个参数,表示的是旋转的初始角度,和旋转到结束的角度。后面的参数表示,旋转原点。这里就不多解释了,看过我上一篇的同学都会明白。如果没看过,那就自己再看一下咯。
这里有同学就会问了,不是说,还有一个旋转方向嘛?这里怎么没有。
这个问题问得好。其实,Android的旋转,已经把角度,原点给封装的很好了,就像上图这样,传入相应的参数就可以了。当然,其实方向也是封装好了,只是不太好理解。我就给大家好好讲讲这个方向是什么?
首先,我们从简单的二维(平面)旋转开始。我画两个图,大家就理解了:
这就是我们的二维旋转的角度,所以在代码中正向就是:
反向就是:
是不是,在二维旋转中,旋转很简单。给一个旋转中心(原点),给一个旋转角度(初始角度到结束角度),给一个方向(正或者负),就搞定了。
现在,我们再来讲讲3D旋转。我只讲最简单的3D旋转(翻转)。
这里,我补充说一下,我们平时常说的旋转,其实是以Z轴为旋转轴心的。那么所谓3D旋转,其实,就是:不是以Z轴位旋转轴心的。可能感觉有点不太懂。其实,也没关系,我们简化到极致,之说最简单的。那就是,你可以理解为以Y轴为旋转轴心或者以X轴为旋转轴心。
只要理解到这里,就可以了,剩下的,我也不打算讲了,因为大家可能也听不太懂。所以,我最后给大家代码,大家自己去跑一下,看看效果就可以了:
首先我们要自己写一个旋转的实现,这里就不要求大家懂了,会用就可以了:
'
public class RotateAnimationZextends Animation {
int centerX, centerY;
Cameracamera =new Camera();
public final int X =0;
public final int Y =1;
public int direction =Y;
public boolean isZhengfangxiang =true;
@Override
public void initialize(int width, int height, int parentWidth, int parentHeight) {
super.initialize(width, height, parentWidth, parentHeight);
//获取中心点坐标
centerX = width /2;
centerY = height /2;
}
@Override
protected void applyTransformation(float interpolatedTime, Transformation t) {
super.applyTransformation(interpolatedTime, t);
final Matrix matrix = t.getMatrix();
camera.save();
//中心是绕Y轴旋转 这里可以自行设置X轴 Y轴 Z轴
if (direction ==X) {
if (isZhengfangxiang) {
camera.rotateX(360 * interpolatedTime);
}else {
camera.rotateX(360 -360 * interpolatedTime);
}
}else {
if (isZhengfangxiang) {
camera.rotateY(360 * interpolatedTime);
}else {
camera.rotateY(360 -360 * interpolatedTime);
}
}
//把我们的摄像头加在变换矩阵上
camera.getMatrix(matrix);
//设置翻转中心点
matrix.preTranslate(-centerX, -centerY);
matrix.postTranslate(centerX, centerY);
camera.restore();
}
}
'
然后,是使用:
基本的旋转就是这样了。下篇,我会讲组合动画以及补充,大家看到的很多我没介绍的api是什么意思。
敬请期待