脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → Android → android实现3D立体旋转效果

Android编程实现3D立体旋转效果的实例代码

 更新时间：2018年05月15日 09:06:11   作者：冬月旧时光  
这篇文章主要介绍了Android编程实现3D立体旋转效果的实例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

说明：之前在网上到处搜寻类似的旋转效果 但搜到的结果都不是十分满意 原因不多追述（如果有人找到过相关 比较好的效果 可以发一下连接 一起共同进步）

一 效果展示 ：

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


具体操作以及实现 效果 请看项目例子

二 使用方式

此空间继承与FrameLayout

子空间直接添加如同framelayout 相同 如要如图效果 唯一要求子空间必须位于父控件中心且宽高等大小 为了方便扩展而做 如有其他需求可自行更改 （注 所有子控件 最好添加上背景 由于绘制机制和动画原因 没有背景会有部分重贴） 内部子view 可为 任意ViewGroup 。 弱使用过程中遇见任何BUG 欢迎提出。

三 实现原理     

实现原理由Camera 与Maxtrix 组合修改View的绘制而得 具体Camera 与Maxtrix 的变换 过程请自行搜索。 在此不班门弄斧。

具体修改有

@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);
}

重新编写 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下载地址

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

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。

您可能感兴趣的文章:

相关文章

  • Android 实现广告欢迎界面(倒计时)

    Android 实现广告欢迎界面(倒计时)

    前些时候就是别人问我他的android APP怎么做一个广告的欢迎界面，就是过几秒后自动跳转到主界面的实现。下面通过本文给大家介绍Android 实现广告欢迎界面(倒计时)的方法，需要的朋友参考下吧
    2017-12-12
  • android 震动和提示音的实现代码

    android 震动和提示音的实现代码

    这篇文章主要介绍了android 震动和提示音的实现代码，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-12-12
  • Android通过HTTP协议实现上传文件数据

    Android通过HTTP协议实现上传文件数据

    这篇文章主要为大家详细介绍了Android通过HTTP协议实现上传文件数据,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-09-09
  • Android实现跳动的小球加载动画效果

    Android实现跳动的小球加载动画效果

    Android中有各式各样的加载动画，大家多多少少都见过，比如用过美团客户端的用户对美团那个加载小人的动画印象很深刻，一个可爱的小人在那拼命的跑。这样的动画实现其实还有很多，今天这里就来实现一个跳动的小球效果。有需要的可以参考借鉴。
    2016-08-08
  • android 仿QQ动态背景、视频背景的示例代码

    android 仿QQ动态背景、视频背景的示例代码

    本篇文章主要介绍了android 仿QQ动态背景、视频背景的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • 详解Android studio 动态fragment的用法

    详解Android studio 动态fragment的用法

    这篇文章主要介绍了Android studio 动态fragment的用法,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2020-10-10
  • Android实现调用系统分享功能示例的总结

    Android实现调用系统分享功能示例的总结

    这篇文章主要介绍了通过Android调用系统分享文本信息、单张图片、多个文件和指定分享到微信、QQ，同时分享图片和文字的功能示例，小编觉得挺不错，一起跟随小编过来看看吧
    2018-05-05
  • Android 模拟新闻APP显示界面滑动优化实例代码

    Android 模拟新闻APP显示界面滑动优化实例代码

    所谓滑动优化就是滑动时不加载图片，停止才加载，第一次进入时手动加载。下面通过本文给大家介绍android 模拟新闻app显示界面滑动优化实例代码,需要的朋友可以参考下
    2017-03-03
  • Android View的事件分发详解

    Android View的事件分发详解

    我们在学习View的时候，不可避免会遇到事件的分发，而往往遇到的很多滑动冲突的问题都是由于处理事件分发时不恰当所造成的。因此，深入了解View事件分发机制的原理，对于我们来说是很有必要的。
    2017-12-12
  • 详解Android使用OKHttp3实现下载(断点续传、显示进度)

    详解Android使用OKHttp3实现下载(断点续传、显示进度)

    本篇文章主要介绍了详解Android使用OKHttp3实现下载(断点续传、显示进度)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02

最新评论