3D立体动画,实现开门的效果
需要的工具类:
import android.graphics.Camera; import android.graphics.Matrix; import android.view.animation.Animation; import android.view.animation.Transformation; /** * 3D旋转动画 */ public class Rotate3dAnimation extends Animation { private final float mFromDegrees; private final float mToDegrees; private final float mCenterX; private final float mCenterY; private final float mDepthZ; private final boolean mReverse; private Camera mCamera; /** * Creates a new 3D rotation on the Y axis. The rotation is defined by its * start angle and its end angle. Both angles are in degrees. The rotation * is performed around a center point on the 2D space, definied by a pair * of X and Y coordinates, called centerX and centerY. When the animation * starts, a translation on the Z axis (depth) is performed. The length * of the translation can be specified, as well as whether the translation * should be reversed in time. * * @param fromDegrees the start angle of the 3D rotation * @param toDegrees the end angle of the 3D rotation * @param centerX the X center of the 3D rotation * @param centerY the Y center of the 3D rotation * @param reverse true if the translation should be reversed, false otherwise */ public Rotate3dAnimation(float fromDegrees, float toDegrees, float centerX, float centerY, float depthZ, boolean reverse) { mFromDegrees = fromDegrees; mToDegrees = toDegrees; mCenterX = centerX; mCenterY = centerY; mDepthZ = depthZ; mReverse = reverse; } @Override public void initialize(int width, int height, int parentWidth, int parentHeight) { super.initialize(width, height, parentWidth, parentHeight); mCamera = new Camera(); } @Override protected void applyTransformation(float interpolatedTime, Transformation t) { final float fromDegrees = mFromDegrees; float degrees = fromDegrees + ((mToDegrees - fromDegrees) * interpolatedTime); final float centerX = mCenterX; final float centerY = mCenterY; final Camera camera = mCamera; final Matrix matrix = t.getMatrix(); camera.save(); if (mReverse) { camera.translate(0.0f, 0.0f, mDepthZ * interpolatedTime); } else { camera.translate(0.0f, 0.0f, mDepthZ * (1.0f - interpolatedTime)); } camera.rotateY(degrees); camera.getMatrix(matrix); camera.restore(); matrix.preTranslate(-centerX, -centerY); matrix.postTranslate(centerX, centerY); } }
执行动画代码:需要注意的就是获取不到坐标
/** * 开锁的3D动画 */ private void rotate3dAnimation(){ // 获取左边图片的宽高,作为旋转的中心点 float centerX = 0; float centerY = lockLayout.getHeight() / 2f; // 构建3D旋转动画对象,旋转角度为360到270度,这使得ImageView将会从可见变为不可见,并且旋转的方向是相反的 Rotate3dAnimation rotation = new Rotate3dAnimation(0, 90, centerX, centerY, 0f, true); // 动画持续时间500毫秒 rotation.setDuration(1000); // 动画完成后保持完成的状态 rotation.setFillAfter(true); rotation.setInterpolator(new AccelerateInterpolator()); // 设置动画的监听器 rotation.setAnimationListener(new Animation.AnimationListener() { @Override public void onAnimationStart(Animation animation) { } @Override public void onAnimationEnd(Animation animation) { //加载本地视频数据 ToastUtils.makeText("加载本地视频吧"); } @Override public void onAnimationRepeat(Animation animation) { } }); // 获取右边图片的宽高,作为旋转的中心点 int w = View.MeasureSpec.makeMeasureSpec(0,View.MeasureSpec.UNSPECIFIED); int h = View.MeasureSpec.makeMeasureSpec(0,View.MeasureSpec.UNSPECIFIED); lockRight.measure(w, h); int height =lockRight.getMeasuredHeight(); int width =lockRight.getMeasuredWidth(); float centerX2 = width/2; float centerY2 = height / 2f; LogUtils.i("tag","坐标:("+centerX2+","+centerY2+")"); // 构建3D旋转动画对象,旋转角度为360到270度,这使得ImageView将会从可见变为不可见,并且旋转的方向是相反的 Rotate3dAnimation rotation2 = new Rotate3dAnimation(360, 270, centerX2, centerY2, 0f, true); // 动画持续时间 rotation2.setDuration(1000); // 动画完成后保持完成的状态 rotation2.setFillAfter(true); rotation2.setInterpolator(new AccelerateInterpolator()); //开始执行动画 lockLeft.startAnimation(rotation); lockRight.startAnimation(rotation2); }
效果: