Android(安卓)滑动效果进阶篇（五）—— 3D旋转

16lz 2021-01-26

http://blog.csdn.net/sunboy_2050/article/details/7483166

前面介绍了利用Android自带的控件，进行滑动翻页制作效果，现在我们通过代码实现一些滑动翻页的动画效果。

Animation实现动画有两个方式：帧动画（frame-by-frame animation）和补间动画（tweened animation）

本示例通过继承Animation自定义Rotate3D，实现3D翻页效果。效果图如下：

1、Rotate3D（Animation）

首先，自定义Animation的3D动画类Rotate3D

[java] view plain copy print ?

publicclassRotate3DextendsAnimation{
privatefloatfromDegree;//旋转起始角度
privatefloattoDegree;//旋转终止角度
privatefloatmCenterX;//旋转中心x
privatefloatmCenterY;//旋转中心y
privateCameramCamera;
publicRotate3D(floatfromDegree,floattoDegree,floatcenterX,floatcenterY){
this.fromDegree=fromDegree;
this.toDegree=toDegree;
this.mCenterX=centerX;
this.mCenterY=centerY;
}
@Override
publicvoidinitialize(intwidth,intheight,intparentWidth,intparentHeight){
super.initialize(width,height,parentWidth,parentHeight);
mCamera=newCamera();
}
@Override
protectedvoidapplyTransformation(floatinterpolatedTime,Transformationt){
finalfloatFromDegree=fromDegree;
floatdegrees=FromDegree+(toDegree-fromDegree)*interpolatedTime;//旋转角度（angle）
finalfloatcenterX=mCenterX;
finalfloatcenterY=mCenterY;
finalMatrixmatrix=t.getMatrix();
if(degrees<=-76.0f){
degrees=-90.0f;
mCamera.save();
mCamera.rotateY(degrees);//旋转
mCamera.getMatrix(matrix);
mCamera.restore();
}elseif(degrees>=76.0f){
degrees=90.0f;
mCamera.save();
mCamera.rotateY(degrees);
mCamera.getMatrix(matrix);
mCamera.restore();
}else{
mCamera.save();
mCamera.translate(0,0,centerX);//位移x
mCamera.rotateY(degrees);
mCamera.translate(0,0,-centerX);
mCamera.getMatrix(matrix);
mCamera.restore();
}
matrix.preTranslate(-centerX,-centerY);
matrix.postTranslate(centerX,centerY);
}
}

然后，实例化Rotate3D的旋转方向

[java] view plain copy print ?

publicvoidinitAnimation(){
//获取旋转中心
DisplayMetricsdm=newDisplayMetrics();
dm=getResources().getDisplayMetrics();
mCenterX=dm.widthPixels/2;
mCenterY=dm.heightPixels/2;
//定义旋转方向
intduration=1000;
lQuest1Animation=newRotate3D(0,-90,mCenterX,mCenterY);//下一页的【question1】旋转方向（从0度转到-90，参考系为水平方向为0度）
lQuest1Animation.setFillAfter(true);
lQuest1Animation.setDuration(duration);
lQuest2Animation=newRotate3D(90,0,mCenterX,mCenterY);//下一页的【question2】旋转方向（从90度转到0，参考系为水平方向为0度）（起始第一题）
lQuest2Animation.setFillAfter(true);
lQuest2Animation.setDuration(duration);
rQuest1Animation=newRotate3D(0,90,mCenterX,mCenterY);//上一页的【question1】旋转方向（从0度转到90，参考系为水平方向为0度）
rQuest1Animation.setFillAfter(true);
rQuest1Animation.setDuration(duration);
rQuest2Animation=newRotate3D(-90,0,mCenterX,mCenterY);//上一页的【question2】旋转方向（从-90度转到0，参考系为水平方向为0度）
rQuest2Animation.setFillAfter(true);
rQuest2Animation.setDuration(duration);
}

2、Activity

首先，定义两个布局文件，用于旋转的画面切换

main.xml

[html] view plain copy print ?

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/layout_main"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
...
</LinearLayout>

next.xml

[html] view plain copy print ?

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/layout_next"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
...
</LinearLayout>

限于篇幅，完整布局文件请详见源码 ^_^

然后，初始化两个旋转的布局文件资源

[java] view plain copy print ?

privatevoidinitMain(){
setContentView(R.layout.main);
layoutmain=(LinearLayout)findViewById(R.id.layout_main);
btn_MainLast=(Button)findViewById(R.id.main_last);
btn_MainNext=(Button)findViewById(R.id.main_next);
btn_MainLast.setOnClickListener(listener);
btn_MainNext.setOnClickListener(listener);
}
privatevoidinitNext(){
setContentView(R.layout.next);
layoutnext=(LinearLayout)findViewById(R.id.layout_next);
btn_NextLast=(Button)findViewById(R.id.next_last);
btn_NextNext=(Button)findViewById(R.id.next_next);
btn_NextLast.setOnClickListener(listener);
btn_NextNext.setOnClickListener(listener);
}

最后，设置布局文件中的按钮监听事件，响应3D旋转动画和方向

[java] view plain copy print ?

privateView.OnClickListenerlistener=newView.OnClickListener(){
@Override
publicvoidonClick(Viewv){
switch(v.getId()){
caseR.id.main_last://上一页
layoutmain.startAnimation(lQuest1Animation);//当前页向左旋转（0，-90）
initNext();
layoutnext.startAnimation(lQuest2Animation);//下一页向左旋转（90,0）
break;
caseR.id.main_next://下一页
layoutmain.startAnimation(rQuest1Animation);//当前页向右旋转（0，90）
initNext();
layoutnext.startAnimation(rQuest2Animation);//下一页向右旋转（-90,0）
break;
caseR.id.next_last:
layoutnext.startAnimation(lQuest1Animation);
initMain();
layoutmain.startAnimation(lQuest2Animation);
break;
caseR.id.next_next:
layoutnext.startAnimation(rQuest1Animation);
initMain();
layoutmain.startAnimation(rQuest2Animation);
break;
}
}
};

源码下载

参考推荐：

animation

更多相关文章

随机推荐