Android开发Android进阶之路Android技术知识

写给小白——Android旋转动画(3个方向的旋转)

2018-08-22  本文已影响11人  justCode_

接上一篇,继续讲动画。今天给大家讲讲怎么实现最简单的旋转动画。

旋转动画,其实,也很简单,关键就几个要素。旋转的原点,旋转的角度,旋转的方向(当然还有旋转速度,不过,速度,是所有动画的东西,所以,我不放到这里讲)。

还是老规矩,我先上一个简单的实现:

这里,我们看到,前两个参数,表示的是旋转的初始角度,和旋转到结束的角度。后面的参数表示,旋转原点。这里就不多解释了,看过我上一篇的同学都会明白。如果没看过,那就自己再看一下咯。

这里有同学就会问了,不是说,还有一个旋转方向嘛?这里怎么没有。

这个问题问得好。其实,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是什么意思。

敬请期待

上一篇下一篇

猜你喜欢

热点阅读