Android实现3D翻转动画效果

2023-09-18 14:40:05 74

Android中并没有提供直接做3D翻转的动画，所以关于3D翻转的动画效果需要我们自己实现，那么我们首先来分析一下Animation和Transformation。

Animation动画的主要接口，其中主要定义了动画的一些属性比如开始时间，持续时间，是否重复播放等等。而Transformation中则包含一个矩阵和alpha值，矩阵是用来做平移，旋转和缩放动画的，而alpha值是用来做alpha动画的，要实现3D旋转动画我们需要继承自Animation类来实现，我们需要重载getTransformation和applyTransformation，在getTransformation中Animation会根据动画的属性来产生一系列的差值点，然后将这些差值点传给applyTransformation，这个函数将根据这些点来生成不同的Transformation。下面是

具体实现：

packagecom.example.textviewtest;

importandroid.graphics.Camera;
importandroid.graphics.Matrix;
importandroid.view.animation.Animation;
importandroid.view.animation.Transformation;

publicclassRotate3dAnimationextendsAnimation{
//开始角度
privatefinalfloatmFromDegrees;
//结束角度
privatefinalfloatmToDegrees;
//中心点
privatefinalfloatmCenterX;
privatefinalfloatmCenterY;
privatefinalfloatmDepthZ;
//是否需要扭曲
privatefinalbooleanmReverse;
//摄像头
privateCameramCamera;

publicRotate3dAnimation(floatfromDegrees,floattoDegrees,floatcenterX,
floatcenterY,floatdepthZ,booleanreverse){
mFromDegrees=fromDegrees;
mToDegrees=toDegrees;
mCenterX=centerX;
mCenterY=centerY;
mDepthZ=depthZ;
mReverse=reverse;
}

@Override
publicvoidinitialize(intwidth,intheight,intparentWidth,
intparentHeight){
super.initialize(width,height,parentWidth,parentHeight);
mCamera=newCamera();
}

//生成Transformation
@Override
protectedvoidapplyTransformation(floatinterpolatedTime,Transformationt){
finalfloatfromDegrees=mFromDegrees;
//生成中间角度
floatdegrees=fromDegrees
+((mToDegrees-fromDegrees)*interpolatedTime);

finalfloatcenterX=mCenterX;
finalfloatcenterY=mCenterY;
finalCameracamera=mCamera;

finalMatrixmatrix=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);
}
}

其中包括了旋转的开始和结束角度，中心点、是否扭曲、和一个Camera，这里我们主要分析applyTransformation函数，其中第一个参数就是通过getTransformation函数传递的差指点，然后我们根据这个差值通过线性差值算法计算出一个中间角度degrees，Camera类是用来实现绕Y轴旋转后透视投影的，因此我们首先通过t.getMatrix()取得当前的矩阵，然后通过camera.translate来对矩阵进行平移变换操作，camera.rotateY进行旋转。这样我们就可以很轻松的实现3D旋转效果了。

下面是布局文件main.xml:

MainActivity的代码如下：

packagecom.example.textviewtest;

importandroid.app.Activity;
importandroid.os.Bundle;
importandroid.view.Menu;
importandroid.view.View;
importandroid.view.animation.AccelerateInterpolator;
importandroid.view.animation.Animation;
importandroid.view.animation.DecelerateInterpolator;
importandroid.widget.Button;
importandroid.widget.TextView;

publicclassMainActivityextendsActivity{
privateTextViewtv;
privateButtonbtn;
privateintcount=1;

@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
tv=(TextView)findViewById(R.id.tv);
tv.setText(String.valueOf(count));
btn=(Button)findViewById(R.id.next_btn);
applyRotation(0,90);

btn.setOnClickListener(newView.OnClickListener(){

@Override
publicvoidonClick(Viewv){
applyRotation(0,90);
}
});

}

privatevoidapplyRotation(floatstart,floatend){
//计算中心点
finalfloatcenterX=tv.getWidth()/2.0f;
finalfloatcenterY=tv.getHeight()/2.0f;

finalRotate3dAnimationrotation=newRotate3dAnimation(start,end,
centerX,centerY,310.0f,true);
rotation.setDuration(500);
rotation.setFillAfter(true);
rotation.setInterpolator(newAccelerateInterpolator());
//设置监听
rotation.setAnimationListener(newDisplayNextView());

tv.startAnimation(rotation);
}

privatefinalclassDisplayNextViewimplementsAnimation.AnimationListener{

publicvoidonAnimationStart(Animationanimation){
}

//动画结束
publicvoidonAnimationEnd(Animationanimation){
tv.post(newSwapViews());
}

publicvoidonAnimationRepeat(Animationanimation){
}
}

privatefinalclassSwapViewsimplementsRunnable{

publicvoidrun(){
finalfloatcenterX=tv.getWidth()/2.0f;
finalfloatcenterY=tv.getHeight()/2.0f;
Rotate3dAnimationrotation=null;

tv.requestFocus();

rotation=newRotate3dAnimation(90,0,centerX,centerY,310.0f,
false);
rotation.setDuration(500);
rotation.setFillAfter(true);
rotation.setInterpolator(newDecelerateInterpolator());
//开始动画
tv.startAnimation(rotation);
tv.setText(String.valueOf(count++));
}
}

@Override
publicbooleanonCreateOptionsMenu(Menumenu){
getMenuInflater().inflate(R.menu.activity_main,menu);
returntrue;
}

}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

Android实现3D翻转动画效果

热门推荐

随机推荐