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