Android使用Rotate3dAnimation實現(xiàn)3D旋轉(zhuǎn)動畫效果的實例代碼
利用Android的ApiDemos的Rotate3dAnimation實現(xiàn)了個圖片3D旋轉(zhuǎn)的動畫,圍繞Y軸進行旋轉(zhuǎn),還可以實現(xiàn)Z軸的縮放。點擊開始按鈕開始旋轉(zhuǎn),點擊結(jié)束按鈕停止旋轉(zhuǎn)。
代碼如下::
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恢復到初始狀態(tài),繼續(xù)用于下次的計算 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 //進行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) { // 計算中心點 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來實現(xiàn)動畫,Camera就是一個攝像機,一個物體原地不動,我們帶著攝像機按設(shè)定的角度進行移動,之后從Camera中取出完成該動畫的Matrix,然后畫我們的物體,這個就是這個3D動畫實現(xiàn)的原理。
具體的解釋見代碼中注釋部分,重點說一下Rotate3dAnimation.java中的
matrix.preTranslate(-centerX, -centerY); matrix.postTranslate(centerX, centerY);
由于旋轉(zhuǎn)是以(0,0)為中心的,所以為了把界面的中心與(0,0)對齊,就要preTranslate(-centerX, -centerY),旋轉(zhuǎn)完成后,調(diào)用postTranslate(centerX, centerY),再把圖片移回來,這樣看到的動畫效果就是activity的界面圖片從在centerX為中心繞Y軸旋轉(zhuǎn)了。
你還可以把上面代碼改成
matrix.preTranslate(-centerX, 0); matrix.postTranslate(centerX, 0);
看有什么不同效果。
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學習或者工作具有一定的參考學習價值,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。
- Android Tween動畫之RotateAnimation實現(xiàn)圖片不停旋轉(zhuǎn)效果實例介紹
- Android開發(fā)之圖形圖像與動畫(二)Animation實現(xiàn)圖像的漸變/縮放/位移/旋轉(zhuǎn)
- Android編程實現(xiàn)RotateAnimation設(shè)置中心點旋轉(zhuǎn)動畫效果
- Android 3D旋轉(zhuǎn)動畫效果實現(xiàn)分解
- Android動畫之漸變動畫(Tween Animation)詳解 (漸變、縮放、位移、旋轉(zhuǎn))
- Android酷炫動畫效果之3D星體旋轉(zhuǎn)效果
- Android旋轉(zhuǎn)、平移、縮放和透明度漸變的補間動畫
- Android仿餓了么加入購物車旋轉(zhuǎn)控件自帶閃轉(zhuǎn)騰挪動畫的按鈕效果(實例詳解)
- Android仿視頻加載旋轉(zhuǎn)小球動畫效果的實例代碼
- Android實現(xiàn)簡單旋轉(zhuǎn)動畫
相關(guān)文章
Android?PopUpWindow實現(xiàn)卡片式彈窗
大家好,本篇文章主要講的是Android?PopUpWindow實現(xiàn)卡片式彈窗,感興趣的同學趕快來看一看吧,對你有幫助的話記得收藏一下2022-01-01android中ListView多次刷新重復執(zhí)行g(shù)etView的解決方法
以前倒是沒有注意listview的getView會重復執(zhí)行多次,在測試的時候去斷點跟蹤,發(fā)現(xiàn)同一條數(shù)據(jù)不斷的重復執(zhí)行,下面與大家分享下正確的解決方法,希望對你有所幫助2013-06-06Android自定義View實現(xiàn)價格區(qū)間選擇控件
這篇文章主要為大家詳細介紹了Android如何利用自定義View實現(xiàn)價格區(qū)間選擇控件,文中的示例代碼講解詳細,感興趣的小伙伴可以嘗試一下2022-11-11Android編程開發(fā)之TextView單擊鏈接彈出Activity的方法
這篇文章主要介紹了Android編程開發(fā)之TextView單擊鏈接彈出Activity的方法,涉及Android中TextView控件的相關(guān)操作技巧,需要的朋友可以參考下2016-01-01Android最簡單的狀態(tài)切換布局實現(xiàn)教程
這篇文章主要給大家介紹了關(guān)于Android中最簡單的狀態(tài)切換布局的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2018-10-10