Android編程實現3D立體旋轉效果的實例代碼

2019-10-22 18:11:19

字體：大中小

來源：轉載

供稿：網友

說明：之前在網上到處搜尋類似的旋轉效果但搜到的結果都不是十分滿意原因不多追述（如果有人找到過相關比較好的效果可以發一下連接一起共同進步）

一效果展示：

如非您所需要的效果也希望能給些微幫助

android,3D,3D立體旋轉,3D旋轉,代碼

具體操作以及實現效果請看項目例子

二使用方式

android,3D,3D立體旋轉,3D旋轉,代碼

此空間繼承與FrameLayout

android,3D,3D立體旋轉,3D旋轉,代碼

子空間直接添加如同framelayout 相同如要如圖效果唯一要求子空間必須位于父控件中心且寬高等大小為了方便擴展而做如有其他需求可自行更改（注所有子控件最好添加上背景由于繪制機制和動畫原因沒有背景會有部分重貼）內部子view 可為任意ViewGroup 。弱使用過程中遇見任何BUG 歡迎提出。

三實現原理

實現原理由Camera 與Maxtrix 組合修改View的繪制而得具體Camera 與Maxtrix 的變換過程請自行搜索。在此不班門弄斧。

具體修改有

@Overrideprotected void dispatchDraw(Canvas canvas) { int indexleft = getWidth() / 2;//中間顯示視圖 ----左邊的位置 int postTranslateX = rotationX * childWith / 2 / rotation;//設-----定邊移動 距離 //定點 又稱頂點 // chilDrawforCamera(canvas, postTranslateX, indexleft, 3);//預繪制 的 縣繪制 防止遮擋 for (int i = 0; i < 4; i++) chilDrawforCamera(canvas, postTranslateX, indexleft, i); if (!isTouch) handler.sendEmptyMessageDelayed(1, 100);}

重新編寫 dispathDraw() 從而達到不必要去修改子view的內容而添加擴展性

具體變換包括

private void chilDrawforCamera(Canvas canvas, int postTranslateX, int indexleft, int i) { canvas.save(); mCamera.save(); mMaxtrix.reset(); mCamera.translate(postTranslateX, 0, 0); mCamera.rotateY(rotationX); mCamera.translate(postTranslateX, 0, 0); if (postTranslateX == 0) { if (isright) setCameraChange(childWith, rotation, i); else setCameraChange(-childWith, -rotation, i); } else if (postTranslateX > 0) { setCameraChange(childWith, rotation, i); } else if (postTranslateX < 0) { setCameraChange(-childWith, -rotation, i); } mCamera.getMatrix(mMaxtrix); mCamera.restore(); mMaxtrix.preTranslate(-indexleft, -getHeight() / 2);//指定在 屏幕上 運行的棱 是哪一條 mMaxtrix.postTranslate(indexleft, getHeight() / 2);//運行路徑 canvas.concat(mMaxtrix); //繪制 View childAt = getChildAt((swithView(i) + 2 * getChildCount()) % getChildCount()); drawChild(canvas, childAt, 0); canvas.restore();}

指定需要繪制的子view 先后順序以及哪些子view

private int swithView(int i) { int k = 0; switch (i) { case 0: if (isright) k = index - 2; else k = index + 2; break; case 1: if (isright) k = index + 1; else k = index - 1; break; case 2: if (isright) k = index - 1; else k = index + 1; break; case 3: k = index; break; } return k;

具體的網上其他類似效果到底有什么不同于優勢在此不多做描述實現方式上有哪些不同嗯下次有空再細說（由于需要大量圖文描述 3D的變換過程才講的清楚，有些間隔的時間也稍長只記得大概的思路過程）。

private void setCameraChange(int translate, int roat, int i) { switch (i) { case 0: //預繪制 的VIEW mCamera.translate(-translate / 2, 0, 0); mCamera.rotateY(-roat); mCamera.translate(-translate / 2, 0, 0); mCamera.translate(-translate / 2, 0, 0); mCamera.rotateY(-roat); mCamera.translate(-translate / 2, 0, 0); break; //當前位置兩側的View case 1: mCamera.translate(translate / 2, 0, 0); mCamera.rotateY(roat); mCamera.translate(translate / 2, 0, 0); break; case 2: mCamera.translate(-translate / 2, 0, 0); mCamera.rotateY(-roat); mCamera.translate(-translate / 2, 0, 0); break; //最后繪制 當前顯示位置 防止 被遮擋 case 3: mCamera.rotateY(0); break; }}

其他剩下的就是 index 選中切換以及滑動內容和分發修改等。demo下載有分的相關小伙伴就下載提供一些沒有的就github 下載吧。

整個類復制也可以

package com.burning.foethedog;import android.content.Context;import android.graphics.Camera;import android.graphics.Canvas;import android.graphics.Matrix;import android.os.Handler;import android.os.Message;import android.util.AttributeSet;import android.view.MotionEvent;import android.view.View;import android.widget.FrameLayout;/** * Created by burning on 2017/5/2. * When I wrote this, only God and I understood what I was doing * Now, God only knows * -------------------------//┏┓　　　┏┓ * -------------------------//┏┛┻━━━┛┻┓ * -------------------------//┃　　　　　　　┃ * -------------------------//┃　　　━　　　┃ * -------------------------//┃　┳┛　┗┳　┃ * -------------------------//┃　　　　　　　┃ * -------------------------//┃　　　┻　　　┃ * -------------------------//┃　　　　　　　┃ * -------------------------//┗━┓　　　┏━┛ * -------------------------//┃　　　┃ 神獸保佑 * -------------------------//┃　　　┃ 代碼無BUG！ * -------------------------//┃　　　┗━━━┓ * -------------------------//┃　　　　　　　┣┓ * -------------------------//┃　　　　　　　┏┛ * -------------------------//┗┓┓┏━┳┓┏┛ * -------------------------// ┃┫┫　┃┫┫ * -------------------------// ┗┻┛　┗┻┛ */public class Rota3DSwithView extends FrameLayout { Camera mCamera; Matrix mMaxtrix; public Rota3DSwithView(Context context) { super(context); initRoat3D(); } private void initRoat3D() { mCamera = new Camera(); mMaxtrix = new Matrix(); setWillNotDraw(false); } public Rota3DSwithView(Context context, AttributeSet attrs) { super(context, attrs); initRoat3D(); } public Rota3DSwithView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); initRoat3D(); } public Rota3DSwithView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) { super(context, attrs, defStyleAttr, defStyleRes); initRoat3D(); } int childWith; @Override protected void onLayout(boolean changed, int left, int top, int right, int bottom) { childWith = getChildAt(0).getMeasuredWidth(); super.onLayout(changed, left, top, right, bottom); } //攝像機 為點光源 正真的直角 反而看起來 并不是直角 static int rotation = 60;// 設定外角 int rotationX = 00; int index = 0; @Override protected void dispatchDraw(Canvas canvas) { int indexleft = getWidth() / 2;//中間顯示視圖 ----左邊的位置 int postTranslateX = rotationX * childWith / 2 / rotation;//設-----定邊移動 距離 //定點 又稱頂點 // chilDrawforCamera(canvas, postTranslateX, indexleft, 3);//預繪制 的 縣繪制 防止遮擋 for (int i = 0; i < 4; i++) chilDrawforCamera(canvas, postTranslateX, indexleft, i); if (!isTouch) handler.sendEmptyMessageDelayed(1, 100); } private void setCameraChange(int translate, int roat, int i) { switch (i) { case 0: //預繪制 的VIEW mCamera.translate(-translate / 2, 0, 0); mCamera.rotateY(-roat); mCamera.translate(-translate / 2, 0, 0); mCamera.translate(-translate / 2, 0, 0); mCamera.rotateY(-roat); mCamera.translate(-translate / 2, 0, 0); break; //當前位置兩側的View case 1: mCamera.translate(translate / 2, 0, 0); mCamera.rotateY(roat); mCamera.translate(translate / 2, 0, 0); break; case 2: mCamera.translate(-translate / 2, 0, 0); mCamera.rotateY(-roat); mCamera.translate(-translate / 2, 0, 0); break; //最后繪制 當前顯示位置 防止 被遮擋 case 3: mCamera.rotateY(0); break; } } boolean isright = false; Handler handler = new Handler() { @Override public void handleMessage(Message msg) { switch (msg.what) { case 1:  if (isTouch)  return;  if (isright)  rotationX++;  else  rotationX--;  if (Math.abs(rotationX) == rotation) {  rotationX = 0;  index = index % getChildCount();  if (isright)  index--;  else  index++;  }  Rota3DSwithView.this.invalidate();  break; } } }; private void chilDrawforCamera(Canvas canvas, int postTranslateX, int indexleft, int i) { canvas.save(); mCamera.save(); mMaxtrix.reset(); mCamera.translate(postTranslateX, 0, 0); mCamera.rotateY(rotationX); mCamera.translate(postTranslateX, 0, 0); if (postTranslateX == 0) { if (isright) setCameraChange(childWith, rotation, i); else setCameraChange(-childWith, -rotation, i); } else if (postTranslateX > 0) { setCameraChange(childWith, rotation, i); } else if (postTranslateX < 0) { setCameraChange(-childWith, -rotation, i); } mCamera.getMatrix(mMaxtrix); mCamera.restore(); mMaxtrix.preTranslate(-indexleft, -getHeight() / 2);//指定在 屏幕上 運行的棱 是哪一條 mMaxtrix.postTranslate(indexleft, getHeight() / 2);//運行路徑 canvas.concat(mMaxtrix); //繪制 View childAt = getChildAt((swithView(i) + 2 * getChildCount()) % getChildCount()); drawChild(canvas, childAt, 0); canvas.restore(); } private int swithView(int i) { int k = 0; switch (i) { case 0: if (isright)  k = index - 2; else  k = index + 2; break; case 1: if (isright)  k = index + 1; else  k = index - 1; break; case 2: if (isright)  k = index - 1; else  k = index + 1; break; case 3: k = index; break; } return k; } boolean isTouch = false; int downX = 0; public boolean dispatchTouchEvent(MotionEvent event) { //這里我們就 就只分發給當前index子View isTouch = event.getAction() == MotionEvent.ACTION_MOVE; if (!onInterceptTouchEvent(event)) { index = index % getChildCount(); return getChildAt((index + getChildCount()) % getChildCount()).dispatchTouchEvent(event); } return super.dispatchTouchEvent(event); } int thisRx = 0; int thisindex; @Override public boolean onInterceptTouchEvent(MotionEvent event) { switch (event.getAction()) { case MotionEvent.ACTION_DOWN: downX = (int) event.getX(); thisindex = index; thisRx = rotationX; break; case MotionEvent.ACTION_MOVE: if (Math.abs(event.getX() - downX) > 50) {  return true /*onTouchEvent(event)*/; } break; } return false; } @Override public boolean onTouchEvent(MotionEvent event) { int moveX = 0; switch (event.getAction()) { case MotionEvent.ACTION_DOWN: downX = (int) event.getX(); break; case MotionEvent.ACTION_MOVE: handler.removeCallbacksAndMessages(null); // isTouch = true; moveX = (int) event.getX() - downX; int moveRx = thisRx + moveX * rotation * 2 / (getWidth() + 100); isright = (moveRx > 0) ? true : false; int addindex = moveRx / rotation; index = thisindex - addindex; rotationX = moveRx % rotation; System.out.println("===thisRx===" + thisRx + "===moveRx===" + moveRx + "=========addindex=" + addindex); Rota3DSwithView.this.invalidate(); break; case MotionEvent.ACTION_UP: System.out.println("===ACTION_UP==="); // isTouch = false; handler.removeCallbacksAndMessages(null); Rota3DSwithView.this.invalidate(); break; } return true; } public void destory() { handler.removeCallbacksAndMessages(null); handler = null; }}

附上demo地址

github下載地址

如有疑問可私信交流^_^

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對VEVB武林網的支持。

注：相關教程知識閱讀請移步到Android開發頻道。

上一篇：Android Zxing 轉換豎屏掃描且提高識別率的方法

下一篇：Android基于AccessibilityService制作的釘釘自動簽到程序代碼