Android系列之浅谈Android 3D旋转

feiyang10086

转：neil-zhao

Android系列之浅谈Android 3D旋转

我们今天就来说说android中的3D效果，那么android都用到哪些东西才能来实现一个3D的效果那，其实android中的3D效果是用animation配合camera就可以实现在apidemo里就有这样的实例我们首先做一个继承animation的类Rotate3d.java

1. 
   
2. package eoe.3d;
   
3. 
   
4. 
   
5. public class Rotate3d extends Animation {
   
6. private float mFromDegree;
   
7. private float mToDegree;
   
8. private float mCenterX;
   
9. private float mCenterY;
   
10. private float mLeft;
    
11. private float mTop;
    
12. private Camera mCamera;
    
13. private static final String TAG = "Rotate3d";
    
14. 
    
15. public Rotate3d(float fromDegree, float toDegree, float left, float top,
    
16. float centerX, float centerY) {
    
17. this.mFromDegree = fromDegree;
    
18. this.mToDegree = toDegree;
    
19. this.mLeft = left;
    
20. this.mTop = top;
    
21. this.mCenterX = centerX;
    
22. this.mCenterY = centerY;
    
23. 
    
24. }
    
25. 
    
26. @Override
    
27. public void initialize(int width, int height, int parentWidth,
    
28. int parentHeight) {
    
29. super.initialize(width, height, parentWidth, parentHeight);
    
30. mCamera = new Camera();
    
31. }
    
32. 
    
33. @Override
    
34. protected void applyTransformation(float interpolatedTime, Transformation t) {
    
35. final float FromDegree = mFromDegree;
    
36. float degrees = FromDegree + (mToDegree - mFromDegree)
    
37. * interpolatedTime;
    
38. final float centerX = mCenterX;
    
39. final float centerY = mCenterY;
    
40. final Matrix matrix = t.getMatrix();
    
41. 
    
42. if (degrees <= -76.0f) {
    
43. degrees = -90.0f;
    
44. mCamera.save();
    
45. mCamera.rotateY(degrees);
    
46. mCamera.getMatrix(matrix);
    
47. mCamera.restore();
    
48. } else if(degrees >=76.0f){
    
49. degrees = 90.0f;
    
50. mCamera.save();
    
51. mCamera.rotateY(degrees);
    
52. mCamera.getMatrix(matrix);
    
53. mCamera.restore();
    
54. }else{
    
55. mCamera.save();
    
56. //这里很重要哦。
    
57. mCamera.translate(0, 0, centerX);
    
58. mCamera.rotateY(degrees);
    
59. mCamera.translate(0, 0, -centerX);
    
60. mCamera.getMatrix(matrix);
    
61. mCamera.restore();
    
62. }
    
63. 
    
64. matrix.preTranslate(-centerX, -centerY);
    
65. matrix.postTranslate(centerX, centerY);
    
66. }
    
67. }
    
68. 
    
69. public class Rotate3d extends Animation {
    
70. 
    
71. private float mFromDegree;
    
72. 
    
73. private float mToDegree;
    
74. 
    
75. private float mCenterX;
    
76. 
    
77. private float mCenterY;
    
78. 
    
79. private float mLeft;
    
80. 
    
81. private float mTop;
    
82. 
    
83. private Camera mCamera;
    
84. 
    
85. private static final String TAG = "Rotate3d";
    
86. 
    
87. 
    
88. public Rotate3d(float fromDegree, float toDegree, float left, float top,
    
89. 
    
90. float centerX, float centerY) {
    
91. 
    
92. this.mFromDegree = fromDegree;
    
93. 
    
94. this.mToDegree = toDegree;
    
95. 
    
96. this.mLeft = left;
    
97. 
    
98. this.mTop = top;
    
99. 
    
100. this.mCenterX = centerX;
     
101. 
     
102. this.mCenterY = centerY;
     
103. 
     
104. 
     
105. }
     
106. 
     
107. 
     
108. @Override
     
109. 
     
110. public void initialize(int width, int height, int parentWidth,
     
111. 
     
112. int parentHeight) {
     
113. 
     
114. super.initialize(width, height, parentWidth, parentHeight);
     
115. 
     
116. mCamera = new Camera();
     
117. 
     
118. }
     
119. 
     
120. 
     
121. @Override
     
122. 
     
123. protected void applyTransformation(float interpolatedTime, Transformation t) {
     
124. 
     
125. final float FromDegree = mFromDegree;
     
126. 
     
127. float degrees = FromDegree + (mToDegree - mFromDegree)
     
128. 
     
129. * interpolatedTime;
     
130. 
     
131. final float centerX = mCenterX;
     
132. 
     
133. final float centerY = mCenterY;
     
134. 
     
135. final Matrix matrix = t.getMatrix();
     
136. 
     
137. 
     
138. if (degrees <= -76.0f) {
     
139. 
     
140. degrees = -90.0f;
     
141. 
     
142. mCamera.save();
     
143. 
     
144. mCamera.rotateY(degrees);
     
145. 
     
146. mCamera.getMatrix(matrix);
     
147. 
     
148. mCamera.restore();
     
149. 
     
150. } else if(degrees >=76.0f){
     
151. 
     
152. degrees = 90.0f;
     
153. 
     
154. mCamera.save();
     
155. 
     
156. mCamera.rotateY(degrees);
     
157. 
     
158. mCamera.getMatrix(matrix);
     
159. 
     
160. mCamera.restore();
     
161. 
     
162. }else{
     
163. 
     
164. mCamera.save();
     
165. 
     
166. //这里很重要哦。
     
167. 
     
168. mCamera.translate(0, 0, centerX);
     
169. 
     
170. mCamera.rotateY(degrees);
     
171. 
     
172. mCamera.translate(0, 0, -centerX);
     
173. 
     
174. mCamera.getMatrix(matrix);
     
175. 
     
176. mCamera.restore();
     
177. 
     
178. }
     
179. 
     
180. 
     
181. matrix.preTranslate(-centerX, -centerY);
     
182. 
     
183. matrix.postTranslate(centerX, centerY);
     
184. 
     
185. }
     
186. 
     
187. }
     
188. 
     
189. 
     

复制代码

有了这个类一切都会变得简单的，接着只要在activity中写两个Rotate3d的对象，让两个view,分别做这两个对象的animation就好了;

1. 
   
2. 
   
3. 
   
4. //下面两句很关键哦，
   
5. Rotate3d leftAnimation = new Rotate3d(-0, -90, 0, 0, mCenterX, mCenterY);
   
6. Rotate3d rightAnimation = new Rotate3d(-0+90, -90+90, 0.0f, 0.0f, mCenterX, mCenterY);
   
7. 
   
8. leftAnimation.setFillAfter(true);
   
9. leftAnimation.setDuration(1000);
   
10. rightAnimation.setFillAfter(true);
    
11. rightAnimation.setDuration(1000);
    
12. 
    
13. mImageView1.startAnimation(leftAnimation);
    
14. mImageView2.startAnimation(rightAnimation);
    

复制代码

最后就是还要写一下xml.

1. 
   
2. <?xml version="1.0" encoding="utf-8"?>
   
3. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
4. android:orientation="vertical"
   
5. android:layout_width="fill_parent"
   
6. android:layout_height="wrap_content"
   
7. >
   
8. 
   
9. <FrameLayout
   
10. android:layout_width="fill_parent"
    
11. android:layout_height="fill_parent">
    
12. 
    
13. <ImageView
    
14. android:id="@+id/image1"
    
15. android:layout_gravity="center_horizontal"
    
16. android:layout_width="fill_parent"
    
17. android:layout_height="wrap_content"
    
18. android:src="@drawable/image1"
    
19. />
    
20. <ImageView
    
21. android:id="@+id/image2"
    
22. android:background="#ffff0000"
    
23. android:layout_gravity="center_horizontal"
    
24. android:layout_width="fill_parent"
    
25. android:layout_height="wrap_content"
    
26. android:src="@drawable/image2"
    
27. />
    
28. 
    
29. </FrameLayout>
    
30. </LinearLayout>
    
31. 
    
32. 
    
33. 
    

复制代码

也不知道我理解的对不对，希望大家多多的指点我，这样我才能在短时间内有所进步，谢谢大家的支持。

1. 
   
2. //下面两句很关键哦，
   
3. Rotate3d leftAnimation = new Rotate3d(-0, -90, 0, 0, mCenterX, mCenterY);
   
4. Rotate3d rightAnimation = new Rotate3d(-0+90, -90+90, 0.0f, 0.0f, mCenterX, mCenterY);
   
5. 
   
6. leftAnimation.setFillAfter(true);
   
7. leftAnimation.setDuration(1000);
   
8. rightAnimation.setFillAfter(true);
   
9. rightAnimation.setDuration(1000);
   
10. 
    
11. mImageView1.startAnimation(leftAnimation);
    
12. mImageView2.startAnimation(rightAnimation);
    
13. 
    
14. 
    

复制代码