首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android的3D旋转 博客分类: Android AndroidUPBlog

Android的3D旋转 博客分类: Android AndroidUPBlog

作者头像
chroya
发布2018-10-31 17:46:26
1K0
发布2018-10-31 17:46:26
举报
文章被收录于专栏:封碎封碎

       见过没有用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来拖动图片以翻转。这个可以用来做很多事情,比如桌面的立体翻转、立体相册等等。

       源码也附上,见附件。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2010-11-29 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档