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

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

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

1、Rotate3D（Animation）

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

public class Rotate3D extends Animation {<br /> private float fromDegree; // 旋转起始角度<br /> private float toDegree; // 旋转终止角度<br /> private float mCenterX; // 旋转中心x<br /> private float mCenterY; // 旋转中心y<br /> private Camera mCamera;</p> <p> public Rotate3D(float fromDegree, float toDegree, float centerX, float centerY) {<br /> this.fromDegree = fromDegree;<br /> this.toDegree = toDegree;<br /> this.mCenterX = centerX;<br /> this.mCenterY = centerY;</p> <p> }</p> <p> @Override<br /> public void initialize(int width, int height, int parentWidth, int parentHeight) {<br /> super.initialize(width, height, parentWidth, parentHeight);<br /> mCamera = new Camera();<br /> }</p> <p> @Override<br /> protected void applyTransformation(float interpolatedTime, Transformation t) {<br /> final float FromDegree = fromDegree;<br /> float degrees = FromDegree + (toDegree – fromDegree) * interpolatedTime; // 旋转角度（angle）<br /> final float centerX = mCenterX;<br /> final float centerY = mCenterY;<br /> final Matrix matrix = t.getMatrix();</p> <p> if (degrees <= -76.0f) {<br /> degrees = -90.0f;<br /> mCamera.save();<br /> mCamera.rotateY(degrees); // 旋转<br /> mCamera.getMatrix(matrix);<br /> mCamera.restore();<br /> } else if (degrees >= 76.0f) {<br /> degrees = 90.0f;<br /> mCamera.save();<br /> mCamera.rotateY(degrees);<br /> mCamera.getMatrix(matrix);<br /> mCamera.restore();<br /> } else {<br /> mCamera.save();<br /> mCamera.translate(0, 0, centerX); // 位移x<br /> mCamera.rotateY(degrees);<br /> mCamera.translate(0, 0, -centerX);<br /> mCamera.getMatrix(matrix);<br /> mCamera.restore();<br /> }</p> <p> matrix.preTranslate(-centerX, -centerY);<br /> matrix.postTranslate(centerX, centerY);<br /> }<br /> }

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

public void initAnimation() {<br /> // 获取旋转中心<br /> DisplayMetrics dm = new DisplayMetrics();<br /> dm = getResources().getDisplayMetrics();<br /> mCenterX = dm.widthPixels / 2;<br /> mCenterY = dm.heightPixels / 2;</p> <p> // 定义旋转方向<br /> int duration = 1000;<br /> lQuest1Animation = new Rotate3D(0, -90, mCenterX, mCenterY); // 下一页的【question1】旋转方向（从0度转到-90，参考系为水平方向为0度）<br /> lQuest1Animation.setFillAfter(true);<br /> lQuest1Animation.setDuration(duration);</p> <p> lQuest2Animation = new Rotate3D(90, 0, mCenterX, mCenterY); // 下一页的【question2】旋转方向（从90度转到0，参考系为水平方向为0度）（起始第一题）<br /> lQuest2Animation.setFillAfter(true);<br /> lQuest2Animation.setDuration(duration);</p> <p> rQuest1Animation = new Rotate3D(0, 90, mCenterX, mCenterY); // 上一页的【question1】旋转方向（从0度转到90，参考系为水平方向为0度）<br /> rQuest1Animation.setFillAfter(true);<br /> rQuest1Animation.setDuration(duration);</p> <p> rQuest2Animation = new Rotate3D(-90, 0, mCenterX, mCenterY); // 上一页的【question2】旋转方向（从-90度转到0，参考系为水平方向为0度）<br /> rQuest2Animation.setFillAfter(true);<br /> rQuest2Animation.setDuration(duration);<br /> }
2、Activity

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

main.xml

<LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”<br /> android:id=”@+id/layout_main”<br /> android:layout_width=”fill_parent”<br /> android:layout_height=”wrap_content”<br /> android:orientation=”vertical”></p> <p>…</p> <p></LinearLayout>
next.xml

<LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”<br /> android:id=”@+id/layout_next”<br /> android:layout_width=”fill_parent”<br /> android:layout_height=”wrap_content”<br /> android:orientation=”vertical”></p> <p>…</p> <p></LinearLayout>限于篇幅，完整布局文件请详见源码 ^_^

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

private void initMain(){<br /> setContentView(R.layout.main);</p> <p> layoutmain = (LinearLayout)findViewById(R.id.layout_main);<br /> btn_MainLast = (Button)findViewById(R.id.main_last);<br /> btn_MainNext = (Button)findViewById(R.id.main_next);</p> <p> btn_MainLast.setOnClickListener(listener);<br /> btn_MainNext.setOnClickListener(listener);<br /> }</p> <p> private void initNext(){<br /> setContentView(R.layout.next);</p> <p> layoutnext = (LinearLayout)findViewById(R.id.layout_next);<br /> btn_NextLast = (Button)findViewById(R.id.next_last);<br /> btn_NextNext = (Button)findViewById(R.id.next_next);</p> <p> btn_NextLast.setOnClickListener(listener);<br /> btn_NextNext.setOnClickListener(listener);<br /> }
最后，设置布局文件中的按钮监听事件，响应3D旋转动画和方向

private View.OnClickListener listener = new View.OnClickListener() {<br /> @Override<br /> public void onClick(View v) {<br /> switch (v.getId()) {<br /> case R.id.main_last: // 上一页<br /> layoutmain.startAnimation(lQuest1Animation); // 当前页向左旋转（0，-90）<br /> initNext();<br /> layoutnext.startAnimation(lQuest2Animation); // 下一页向左旋转（90, 0）<br /> break;<br /> case R.id.main_next: // 下一页<br /> layoutmain.startAnimation(rQuest1Animation); // 当前页向右旋转（0，90）<br /> initNext();<br /> layoutnext.startAnimation(rQuest2Animation); // 下一页向右旋转（-90, 0）<br /> break;<br /> case R.id.next_last:<br /> layoutnext.startAnimation(lQuest1Animation);<br /> initMain();<br /> layoutmain.startAnimation(lQuest2Animation);<br /> break;<br /> case R.id.next_next:<br /> layoutnext.startAnimation(rQuest1Animation);<br /> initMain();<br /> layoutmain.startAnimation(rQuest2Animation);<br /> break;<br /> }<br /> }<br /> };

源码下载

参考推荐：

animation