Android自定义露一手，轻松实现View 3D 翻转效果

matrix.preTranslate(-mCenterX,-mCenterY);

matrix.postTranslate(mCenterX,mCenterY);

mCamera.restore();

super.applyTransformation(interpolatedTime, t);

}

/**

• 动画更新的回调

*/

public interface AnimationUpdateListener{

/**

• 进度回调

*/

void onProgressUpdate(float progress,float value);

}

}

我们这里主要是通过对android.graphics.Camera的操作来实现3D的变化，Camera的坐标系为三维左手坐标系，因此我们可以通过操作它来实现一些3D的效果。

接下来我对各段代码进行详细说明。

下面这段代码是为了防止当图像旋转到90度的时候，图像的侧面刚好朝着我们导致看起来过大的问题，因此我们需要将图像沿着Z轴移动一下，就相当于一辆车从你身后往前开你会感觉车越来越小一个道理。

//让旋转90度的时候不显的太大

if(interpolatedTime >= 0.5){

mCamera.translate(0,0,(Math.abs(interpolatedTime - 1) / 0.5f) * mWidth / 2);

}else {

mCamera.translate(0,0,(interpolatedTime / 0.5f) * mWidth / 2);

}

下面这段代码是实现了图像旋转。

//图形绕Y轴旋转

mCamera.rotateY(degress);

下面这段代码是为了将原点移动到图像的中心点。

//将原点移动到中心处

matrix.preTranslate(-mCenterX,-mCenterY);

matrix.postTranslate(mCenterX,mCenterY);

如果不将图像移动到中心点则图像会沿着图像的左边旋转如下：

这里还有一点要注意的是，我们需要将旋转后展示的页面（效果图的反面）提前先反转，这样在旋转后展示反面的时候就不会出现展示镜像的问题了，这里我通过继承FrameLayout并在dispatchDraw增加如下逻辑来实现的。

@Override

protected void dispatchDraw(Canvas canvas) {

//将整个页面水平翻转，目的是为了抵消外布局翻转后的左右倒置现象

mCamera.save();

canvas.save();

//镜像反转

mCamera.rotateY(180);

Matrix matrix = new Matrix();

mCamera.getMatrix(matrix);

matrix.preTranslate(-getWidth()/2,-getHeight()/2);

matrix.postTranslate(getWidth()/2,getHeight()/2);

canvas.setMatrix(matrix);

mCamera.restore();

super.dispatchDraw(canvas);

canvas.restore();

}

3D翻转控件的使用方法

=======================================================================

Rotate3DLayout内必需包含DefaultLayout（默认展示的页面）和ReverseLayout（翻转后展示的页面），然后以在DefaultLayout和ReverseLayout中进行自己的布局即可。

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”

xmlns:app=“http://schemas.android.com/apk/res-auto”

xmlns:tools=“http://schemas.android.com/tools”

android:orientation=“vertical”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

tools:context=“.MainActivity”>

<Button

android:id=“@+id/bt_rotate”

android:text=“3D旋转”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”/>

<com.example.rotate3dlayout.widget.Rotate3DLayout

android:id=“@+id/rl_rotate”

android:background=“@drawable/shape_bg”

android:padding=“10dp”

android:layout_gravity=“center_horizontal”

android:layout_marginTop=“20dp”

android:layout_width=“300dp”

android:layout_height=“400dp”>

<com.example.rotate3dlayout.widget.DefaultLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”>

<LinearLayout

android:orientation=“vertical”

android:layout_gravity=“center”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”>

<TextView

android:text=“我是正面”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”/>

<Button

android:text=“我是正面”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”/>

<EditText

android:hint=“我是正面”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”/>

</com.example.rotate3dlayout.widget.DefaultLayout>

<com.example.rotate3dlayout.widget.ReverseLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”>

<LinearLayout

android:orientation=“vertical”

android:layout_gravity=“center”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”>

<TextView

android:text=“我是反面”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”/>

<Button

android:text=“我是反面”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”/>

<EditText

android:hint=“我是反面”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”/>

</com.example.rotate3dlayout.widget.ReverseLayout>

</com.example.rotate3dlayout.widget.Rotate3DLayout>

学习福利

【Android 详细知识点思维脑图（技能树）】

其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

虽然 Android 没有前几年火热了，已经过去了会四大组件就能找到高薪职位的时代了。这只能说明 Android 中级以下的岗位饱和了，现在高级工程师还是比较缺少的，很多高级职位给的薪资真的特别高（钱多也不一定能找到合适的），所以努力让自己成为高级工程师才是最重要的。

这里附上上述的面试题相关的几十套字节跳动，京东，小米，腾讯、头条、阿里、美团等公司19年的面试题。把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节。

由于篇幅有限，这里以图片的形式给大家展示一小部分。

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

14454561192)]

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！