说明：之前在网上到处搜寻类似的旋转效果 但搜到的结果都不是十分满意 原因不多追述（如果有人找到过相关 比较好的效果 可以发一下连接 一起共同进步）
一 效果展示 ：
如非您所需要的效果 也希望能给些微帮助
具体操作以及实现 效果 请看项目例子
二 使用方式
此空间继承与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下载地址
如有疑问可私信交流^_^
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。