Android 滑动效果进阶篇(五)—— 3D旋转
来源:互联网 发布:movist for mac 1.4.2 编辑:程序博客网 时间:2024/06/06 05:43
前面介绍了利用Android自带的控件,进行滑动翻页制作效果,现在我们通过代码实现一些滑动翻页的动画效果。
Animation实现动画有两个方式:帧动画(frame-by-frame animation)和补间动画(tweened animation)
本示例通过继承Animation自定义Rotate3D,实现3D翻页效果。效果图如下:
1、Rotate3D(Animation)
首先,自定义Animation的3D动画类Rotate3D
public class Rotate3D extends Animation {private float fromDegree;// 旋转起始角度private float toDegree;// 旋转终止角度private float mCenterX;// 旋转中心xprivate float mCenterY;// 旋转中心yprivate Camera mCamera;public Rotate3D(float fromDegree, float toDegree, float centerX, float centerY) {this.fromDegree = fromDegree;this.toDegree = toDegree;this.mCenterX = centerX;this.mCenterY = centerY;}@Overridepublic void initialize(int width, int height, int parentWidth, int parentHeight) {super.initialize(width, height, parentWidth, parentHeight);mCamera = new Camera();}@Overrideprotected void applyTransformation(float interpolatedTime, Transformation t) {final float FromDegree = fromDegree;float degrees = FromDegree + (toDegree - fromDegree) * interpolatedTime;// 旋转角度(angle)final float centerX = mCenterX;final float centerY = mCenterY;final Matrix matrix = t.getMatrix();if (degrees <= -76.0f) {degrees = -90.0f;mCamera.save();mCamera.rotateY(degrees);// 旋转mCamera.getMatrix(matrix);mCamera.restore();} else if (degrees >= 76.0f) {degrees = 90.0f;mCamera.save();mCamera.rotateY(degrees);mCamera.getMatrix(matrix);mCamera.restore();} else {mCamera.save();mCamera.translate(0, 0, centerX);// 位移xmCamera.rotateY(degrees);mCamera.translate(0, 0, -centerX);mCamera.getMatrix(matrix);mCamera.restore();}matrix.preTranslate(-centerX, -centerY);matrix.postTranslate(centerX, centerY);}}
然后,实例化Rotate3D的旋转方向
public void initAnimation() {// 获取旋转中心DisplayMetrics dm = new DisplayMetrics();dm = getResources().getDisplayMetrics();mCenterX = dm.widthPixels / 2;mCenterY = dm.heightPixels / 2;// 定义旋转方向int duration = 1000;lQuest1Animation = new Rotate3D(0, -90, mCenterX, mCenterY);// 下一页的【question1】旋转方向(从0度转到-90,参考系为水平方向为0度)lQuest1Animation.setFillAfter(true);lQuest1Animation.setDuration(duration);lQuest2Animation = new Rotate3D(90, 0, mCenterX, mCenterY);// 下一页的【question2】旋转方向(从90度转到0,参考系为水平方向为0度)(起始第一题)lQuest2Animation.setFillAfter(true);lQuest2Animation.setDuration(duration);rQuest1Animation = new Rotate3D(0, 90, mCenterX, mCenterY);// 上一页的【question1】旋转方向(从0度转到90,参考系为水平方向为0度)rQuest1Animation.setFillAfter(true);rQuest1Animation.setDuration(duration);rQuest2Animation = new Rotate3D(-90, 0, mCenterX, mCenterY);// 上一页的【question2】旋转方向(从-90度转到0,参考系为水平方向为0度)rQuest2Animation.setFillAfter(true);rQuest2Animation.setDuration(duration);}
2、Activity
首先,定义两个布局文件,用于旋转的画面切换
main.xml
<LinearLayout xmlns: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
<LinearLayout xmlns: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>限于篇幅,完整布局文件请详见源码 ^_^
然后,初始化两个旋转的布局文件资源
private void initMain(){ 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);}private void initNext(){ 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旋转动画和方向
private View.OnClickListener listener = new View.OnClickListener() {@Overridepublic void onClick(View v) {switch (v.getId()) {case R.id.main_last:// 上一页layoutmain.startAnimation(lQuest1Animation);// 当前页向左旋转(0,-90)initNext();layoutnext.startAnimation(lQuest2Animation);// 下一页向左旋转(90, 0)break;case R.id.main_next:// 下一页layoutmain.startAnimation(rQuest1Animation);// 当前页向右旋转(0,90)initNext();layoutnext.startAnimation(rQuest2Animation);// 下一页向右旋转(-90, 0)break;case R.id.next_last:layoutnext.startAnimation(lQuest1Animation);initMain();layoutmain.startAnimation(lQuest2Animation);break;case R.id.next_next:layoutnext.startAnimation(rQuest1Animation);initMain();layoutmain.startAnimation(rQuest2Animation);break;}}};
源码下载
参考推荐:
animation
- Android 滑动效果进阶篇(五)—— 3D旋转
- Android 滑动效果进阶篇(五)—— 3D旋转
- Android 滑动效果进阶篇(五)—— 3D旋转
- Android 滑动效果进阶篇(五)—— 3D旋转
- Android 滑动效果进阶篇(五)—— 3D旋转
- Android 滑动效果进阶篇(五)—— 3D旋转
- Android 滑动效果进阶篇(五)—— 3D旋转
- Android 滑动效果进阶篇(五)—— 3D旋转
- Android 滑动效果进阶篇(五)—— 3D旋转
- Android 滑动效果进阶篇(六)—— 倒影效果
- Android 滑动效果进阶篇(六)—— 倒影效果
- Android 滑动效果进阶篇(六)—— 倒影效果
- Android 滑动效果进阶篇(六)—— 倒影效果
- Android 滑动效果进阶篇(六)—— 倒影效果
- Android 滑动效果进阶篇(六)—— 倒影效果
- Android 滑动效果进阶篇(六)—— 倒影效果
- Android 滑动效果进阶篇(六)—— 倒影效果
- Android实现3D旋转效果
- <深入浅出> tty pty读写大体流程拾遗
- Google 正在组建下一代开源网络,基于 OpenFlow 协议
- 【JTharness4_4_0】【6.如何定义自己的Interview】
- UVa 10115 - Automatic Editing
- VMware 运行出现“由于应用程序配置不正确,应用程序未能启动。重新安装应用程序可能会纠正这个问题”解决方案
- Android 滑动效果进阶篇(五)—— 3D旋转
- xampp搭建wordpress平台
- VC下通过进程ID获取进程镜像文件路径的方法及其存在的缺陷
- Android 滑动效果进阶篇(六)—— 倒影效果
- 多态,接口
- 用MyEclipse10在5分钟之内开发一个基于JAX-WS的Web Service实例
- 网站哀悼(全站变灰色)代码
- TCP的3次握手过程
- Android 滑动效果高级篇(七)—— 华丽翻页效果