溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

Android使用Rotate3dAnimation實(shí)現(xiàn)3D旋轉(zhuǎn)動(dòng)畫效果的實(shí)例代碼

發(fā)布時(shí)間:2020-09-09 00:22:18 來(lái)源:腳本之家 閱讀:1292 作者:寒江蓑笠 欄目:移動(dòng)開發(fā)

利用Android的ApiDemos的Rotate3dAnimation實(shí)現(xiàn)了個(gè)圖片3D旋轉(zhuǎn)的動(dòng)畫,圍繞Y軸進(jìn)行旋轉(zhuǎn),還可以實(shí)現(xiàn)Z軸的縮放。點(diǎn)擊開始按鈕開始旋轉(zhuǎn),點(diǎn)擊結(jié)束按鈕停止旋轉(zhuǎn)。

Android使用Rotate3dAnimation實(shí)現(xiàn)3D旋轉(zhuǎn)動(dòng)畫效果的實(shí)例代碼Android使用Rotate3dAnimation實(shí)現(xiàn)3D旋轉(zhuǎn)動(dòng)畫效果的實(shí)例代碼

代碼如下::

Rotate3dAnimation.java

public class Rotate3dAnimation extends Animation { 
 private final float mFromDegrees; 
 private final float mToDegrees; 
 private final float mCenterX; 
 private final float mCenterY; 
 private final float mDepthZ; 
 private final boolean mReverse; 
 private Camera mCamera; 
 /** 
 * Creates a new 3D rotation on the Y axis. The rotation is defined by its 
 * start angle and its end angle. Both angles are in degrees. The rotation 
 * is performed around a center point on the 2D space, definied by a pair 
 * of X and Y coordinates, called centerX and centerY. When the animation 
 * starts, a translation on the Z axis (depth) is performed. The length 
 * of the translation can be specified, as well as whether the translation 
 * should be reversed in time. 
 * 
 * @param fromDegrees the start angle of the 3D rotation 
 * @param toDegrees the end angle of the 3D rotation 
 * @param centerX the X center of the 3D rotation 
 * @param centerY the Y center of the 3D rotation 
 * @param reverse true if the translation should be reversed, false otherwise 
 */ 
 public Rotate3dAnimation(float fromDegrees, float toDegrees, 
 float centerX, float centerY, float depthZ, boolean reverse) { 
 mFromDegrees = fromDegrees; 
 mToDegrees = toDegrees; 
 mCenterX = centerX; 
 mCenterY = centerY; 
 mDepthZ = depthZ; 
 mReverse = reverse; 
 } 
 @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 fromDegrees = mFromDegrees; 
 float degrees = fromDegrees + ((mToDegrees - fromDegrees) * interpolatedTime); 
 final float centerX = mCenterX; 
 final float centerY = mCenterY; 
 final Camera camera = mCamera; 
 final Matrix matrix = t.getMatrix(); 
 //保存一次camera初始狀態(tài),用于restore() 
 camera.save(); 
 if (mReverse) { 
 camera.translate(0.0f, 0.0f, mDepthZ * interpolatedTime); 
 } else { 
 camera.translate(0.0f, 0.0f, mDepthZ * (1.0f - interpolatedTime)); 
 } 
 //圍繞Y軸旋轉(zhuǎn)degrees度 
 camera.rotateY(degrees); 
 //行camera中取出矩陣,賦值給matrix 
 camera.getMatrix(matrix); 
 //camera恢復(fù)到初始狀態(tài),繼續(xù)用于下次的計(jì)算 
 camera.restore(); 
 matrix.preTranslate(-centerX, -centerY); 
 matrix.postTranslate(centerX, centerY); 
 } 
} 

Test3DRotateActivity.java

public class Test3DRotateActivity extends Activity { 
 /** Called when the activity is first created. */ 
 private final String TAG="Test3DRotateActivity"; 
 private ImageView image; 
 private Button start ,stop; 
 private Rotate3dAnimation rotation; 
 private StartNextRotate startNext; 
 @Override 
 public void onCreate(Bundle savedInstanceState) { 
 super.onCreate(savedInstanceState); 
 setContentView(R.layout.main); 
 image = (ImageView) findViewById(R.id.image); 
 start=(Button) findViewById(R.id.start); 
 stop = (Button) findViewById(R.id.stop); 
 start.setOnClickListener(new OnClickListener() { 
 public void onClick(View v) { 
 // TODO Auto-generated method stub 
 //進(jìn)行360度的旋轉(zhuǎn) 
 startRotation(0,360); 
 } 
 }); 
 stop.setOnClickListener(new OnClickListener() { 
 public void onClick(View v) { 
 // TODO Auto-generated method stub 
 image.clearAnimation(); 
 } 
 }); 
 } 
 private void startRotation(float start, float end) { 
 // 計(jì)算中心點(diǎn) 
 final float centerX = image.getWidth() / 2.0f; 
 final float centerY = image.getHeight() / 2.0f; 
 Log.d(TAG, "centerX="+centerX+", centerY="+centerY); 
 // Create a new 3D rotation with the supplied parameter 
 // The animation listener is used to trigger the next animation 
 //final Rotate3dAnimation rotation =new Rotate3dAnimation(start, end, centerX, centerY, 310.0f, true); 
 //Z軸的縮放為0 
 rotation =new Rotate3dAnimation(start, end, centerX, centerY, 0f, true); 
 rotation.setDuration(2000); 
 rotation.setFillAfter(true); 
 //rotation.setInterpolator(new AccelerateInterpolator()); 
 //勻速旋轉(zhuǎn) 
 rotation.setInterpolator(new LinearInterpolator()); 
 //設(shè)置監(jiān)聽 
 startNext = new StartNextRotate(); 
 rotation.setAnimationListener(startNext); 
 image.startAnimation(rotation); 
 } 
 private class StartNextRotate implements AnimationListener{ 
 public void onAnimationEnd(Animation animation) { 
 // TODO Auto-generated method stub 
 Log.d(TAG, "onAnimationEnd......"); 
 image.startAnimation(rotation); 
 } 
 public void onAnimationRepeat(Animation animation) { 
 // TODO Auto-generated method stub 
 } 
 public void onAnimationStart(Animation animation) { 
 // TODO Auto-generated method stub 
 } 
 } 
} 

main.xml

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
 android:layout_width="fill_parent" 
 android:layout_height="fill_parent" 
 android:orientation="vertical" > 
 <Button 
 android:id="@+id/start" 
 android:layout_width="wrap_content" 
 android:layout_height="wrap_content" 
 android:text="開始" /> 
 <Button 
 android:id="@+id/stop" 
 android:layout_width="wrap_content" 
 android:layout_height="wrap_content" 
 android:text="結(jié)束" /> 
 <ImageView 
 android:id="@+id/image" 
 android:layout_width="wrap_content" 
 android:layout_height="wrap_content" 
 android:src="@drawable/t1" 
 /> 
</LinearLayout> 

代碼中用Camera來(lái)實(shí)現(xiàn)動(dòng)畫,Camera就是一個(gè)攝像機(jī),一個(gè)物體原地不動(dòng),我們帶著攝像機(jī)按設(shè)定的角度進(jìn)行移動(dòng),之后從Camera中取出完成該動(dòng)畫的Matrix,然后畫我們的物體,這個(gè)就是這個(gè)3D動(dòng)畫實(shí)現(xiàn)的原理。
具體的解釋見代碼中注釋部分,重點(diǎn)說(shuō)一下Rotate3dAnimation.java中的

matrix.preTranslate(-centerX, -centerY); 
matrix.postTranslate(centerX, centerY); 

由于旋轉(zhuǎn)是以(0,0)為中心的,所以為了把界面的中心與(0,0)對(duì)齊,就要preTranslate(-centerX, -centerY),旋轉(zhuǎn)完成后,調(diào)用postTranslate(centerX, centerY),再把圖片移回來(lái),這樣看到的動(dòng)畫效果就是activity的界面圖片從在centerX為中心繞Y軸旋轉(zhuǎn)了。
你還可以把上面代碼改成

matrix.preTranslate(-centerX, 0); 
matrix.postTranslate(centerX, 0); 

看有什么不同效果。

以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,如果有疑問(wèn)大家可以留言交流,謝謝大家對(duì)億速云的支持。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI