本文实例讲述了Android编程实现3D滑动旋转效果的方法。分享给大家供大家参考，具体如下：
这里我们通过代码实现一些滑动翻页的动画效果。
Animation实现动画有两个方式：帧动画（frame-by-frame animation）和补间动画（tweened animation）
本示例通过继承Animation自定义Rotate3D，实现3D翻页效果。效果图如下：
1、Rotate3D（Animation）
首先，自定义Animation的3D动画类Rotate3D
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
|
public class Rotate3D extends Animation { private float fromDegree; // 旋转起始角度 private float toDegree; // 旋转终止角度 private float mCenterX; // 旋转中心x private float mCenterY; // 旋转中心y private Camera mCamera; public Rotate3D(float fromDegree, float toDegree, float centerX, float centerY) { this.fromDegree = fromDegree; this.toDegree = toDegree; this.mCenterX = centerX; this.mCenterY = centerY; } @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 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); // 位移x mCamera.rotateY(degrees); mCamera.translate(0, 0, -centerX); mCamera.getMatrix(matrix); mCamera.restore(); } matrix.preTranslate(-centerX, -centerY); matrix.postTranslate(centerX, centerY); } } |
然后，实例化Rotate3D的旋转方向
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
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
|
1
2
3
4
5
6
7
|
<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
|
1
2
3
4
5
6
7
|
<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> |
限于篇幅，完整布局文件请详见源码 ^_^
然后，初始化两个旋转的布局文件资源
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
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旋转动画和方向
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
private View.OnClickListener listener = new View.OnClickListener() { @Override public 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; } } }; |
完整实例代码代码点击此处本站下载。
希望本文所述对大家Android程序设计有所帮助。
