Android的3D旋转

       见过没有用opengl的3D动画，看了一下，是用的Camera实现的，内部机制实际上还是opengl，不过大大简化了使用。
       Camera就像一个摄像机，一个物体在原地不动，然后我们带着这个摄像机四处移动，在摄像机里面呈现出来的画面，就会有立体感，就可以从各个角度观看这个物体。
        它有旋转、平移的一系列方法，实际上都是在改变一个Matrix对象，一系列操作完毕之后，我们得到这个Matrix，然后画我们的物体，就可以了。

        常用的API如下：

    rotateX(float degree)  绕着x轴旋转degree个度数
    rotateY(float degree)  绕着y轴旋转degree个度数
    rotateZ(float degree)  绕着z轴旋转degree个度数
    translate(float x,float y,float z)  平移一段距离
    save()和restore()  作用跟Canvas的一样，保存原状态，操作完之后，恢复到原状态。

        下面实现一个简单的图片三维翻转的效果。

package chroya.demo.rotate3d;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Camera;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.view.MotionEvent;
import android.view.View;

/**
 * 图片三维翻转
 * @author chroya
 */
public class CubeView extends View {
	//摄像机
	private Camera mCamera;
	
	//翻转用的图片
	private Bitmap face;	
	private Matrix mMatrix = new Matrix();
	private Paint mPaint = new Paint();

	private int mLastMotionX, mLastMotionY;
	
	//图片的中心点坐标
	private int centerX, centerY;
	//转动的总距离，跟度数比例1:1
	private int deltaX, deltaY;
	//图片宽度高度
	private int bWidth, bHeight;
	
	public CubeView(Context context) {
		super(context);
		setWillNotDraw(false);
		mCamera = new Camera();	
		mPaint.setAntiAlias(true);
		face = BitmapFactory.decodeResource(getResources(), R.drawable.x);
		bWidth = face.getWidth();
		bHeight = face.getHeight();
		centerX = bWidth>>1;
		centerY = bHeight>>1;
	}	
	
	/**
	 * 转动
	 * @param degreeX
	 * @param degreeY
	 */
	void rotate(int degreeX, int degreeY) {
		deltaX += degreeX;
		deltaY += degreeY;
		
		mCamera.save();
		mCamera.rotateY(deltaX);
		mCamera.rotateX(-deltaY);
		mCamera.translate(0, 0, -centerX);
		mCamera.getMatrix(mMatrix);
		mCamera.restore();	
		//以图片的中心点为旋转中心,如果不加这两句，就是以（0,0）点为旋转中心
		mMatrix.preTranslate(-centerX, -centerY);
		mMatrix.postTranslate(centerX, centerY);		
		mCamera.save();	
		
		postInvalidate();
	}	
	
	@Override
	public boolean onTouchEvent(MotionEvent event) {
		int x = (int) event.getX();
		int y = (int) event.getY();
		
		switch(event.getAction()) {
		case MotionEvent.ACTION_DOWN:
			mLastMotionX = x;
			mLastMotionY = y;
			break;
		case MotionEvent.ACTION_MOVE:
			int dx = x - mLastMotionX;
			int dy = y - mLastMotionY;
			rotate(dx, dy);
			mLastMotionX = x;
			mLastMotionY = y;
			break;
		case MotionEvent.ACTION_UP:
			break;
		}
		return true;
	}
	
	@Override
	public void dispatchDraw(Canvas canvas) {
		super.dispatchDraw(canvas);
		canvas.drawBitmap(face, mMatrix, mPaint);		
	}
}

         注释里面都写的比较清楚了。

         效果如下：

 

 

       可以touch来拖动图片以翻转。这个可以用来做很多事情，比如桌面的立体翻转、立体相册等等。

       源码也附上，见附件。

评论

14 楼 yangmaolinpl 2013-06-19  

楼主，小弟学习了。

13 楼 alexlikeask 2012-07-03  

好东东,学习啦!

12 楼 libo19881179 2011-11-21  

学习了 lz辛苦

11 楼 xiandaoyan 2011-08-07  

拜读了啊！

10 楼 chroya 2011-03-11  

jackson604 写道

可以不可绕着Y轴进行立体旋转呢？

mCamera.rotateY(d);就是绕着y轴进行旋转

9 楼 jackson604 2011-03-10  

可以不可绕着Y轴进行立体旋转呢？

8 楼 chroya 2011-01-15  

jebe7282 写道

mCamera.translate(0, 0, -centerX); 

博主 这句话能否解释一下呢。

这个标示镜头在Z轴方向上的移动，正值是垂直屏幕向外，负值是垂直屏幕向里。

7 楼 jebe7282 2011-01-15  

mCamera.translate(0, 0, -centerX); 

博主 这句话能否解释一下呢。

6 楼 jebe7282 2011-01-15  

mCamera.translate(0, 0, -centerX); 

博主 这句话能否解释一下呢。

5 楼 Coding.Ghost 2010-12-12  

貌似锯齿是不可避免的.只是能通过某个方法减弱锯齿.

4 楼 chroya 2010-12-07  

hellorheaven 写道

楼主你好。
有几个问题请教呵，

1.        mCamera.save();   mCamera.restore();
分别是什么意思呵？
2.        我自定义动画实现旋转倾斜效果，不过总是有锯齿，用paint的方式效果不是很好，在bitmap哪边是在调用不到canvas的消锯齿的方法，请问还有什么好的方法或思路么？

1.save()和restore()是必须成对使用的方法，save()的作用是，保存当前的画布状态，restore()就是将画布状态恢复到save之前的状态。在save()之后对canvas的任何操作都会在restore()之后无效，但是画布上的内容还在。  不知道你明白没。
2.抗锯齿，目前来说我知道的只有两种方法，见http://chroya.iteye.com/blog/794505

3 楼 hellorheaven 2010-12-06  

楼主你好。
有几个问题请教呵，

1.        mCamera.save();   mCamera.restore();
分别是什么意思呵？
2.        我自定义动画实现旋转倾斜效果，不过总是有锯齿，用paint的方式效果不是很好，在bitmap哪边是在调用不到canvas的消锯齿的方法，请问还有什么好的方法或思路么？

2 楼 chroya 2010-12-05  

kdale 写道

楼主给个apk包啊，省得我再编译了

哥哥哎，您老可真懂得懒之精髓。 好吧，apk也放上去。

1 楼 kdale 2010-12-05  

楼主给个apk包啊，省得我再编译了