Android 自定义View-Camera几何变换
这两天有个需求,需要做一个三维动画的view,百度了一下Camera的使用方法。
Camera是android.graphics.Camera下面的类,并不是android.hardware的操作类,不要记混了。
Camera的变换属性:rotate(x,y,z)、translate(x,y,z)、setLocation(x,y,z);
Camera的坐标系和View坐标有些不同,分另为x轴y轴z轴。

坐标系旋转方向:
x轴:上正下负。 y轴:左负右正。 z轴:左正右负。
以Camera的rotate方法为例:
这两天有个需求,需要做一个三维动画的view,百度了一下Camera的使用方法。
Camera是android.graphics.Camera下面的类,并不是android.hardware的操作类,不要记混了。
Camera的变换属性:rotate(x,y,z)、translate(x,y,z)、setLocation(x,y,z);
Camera的坐标系和View坐标有些不同,分另为x轴y轴z轴。

Camera坐标系
坐标系旋转方向:
x轴:上正下负。 y轴:左负右正。 z轴:左正右负。
原图:

以Camera的rotate方法为例:

但是效果不是我们想要的,可以看到图到最底部去了,因为Camera在0点位置开始投影,相当于canvas.rotate(0,0,bitmap.right,bitmap.bottom),

想要得到正常的旋转效果,我们还必须要先把canvas移动到0点,旋转投影到Canvas之后,再使用translate()把Canvas再移回来。
需要注意的是:Canvas的几何变换顺序是反着来的。

通过canvas的translate()方法,我们得到的效果。

两边的角怎么没了?那是因为Camera离原点离近图片太大造成的。
解决办法:Camera.setLocation()设置相机的位置,x和y一般默认为0就好了,只需要改动z轴的值就行了,因为camera的默认位置就是z轴。

下面的效果就是camera沿x轴旋转30度的效果。

有什么不足之处,希望可以指出来。