快捷導(dǎo)航

Android圖片翻轉(zhuǎn)動畫簡易實現(xiàn)代碼

更新時間：2012年11月28日 11:25:06 作者：

Android圖片翻轉(zhuǎn)動畫效果如何實現(xiàn)，本文將給你一個驚喜，實現(xiàn)代碼已經(jīng)列出，需要的朋友可以參考下

下面給大家分享一個有趣的動畫：這里比較適合一張圖片的翻轉(zhuǎn)，如果是多張圖片，可以參考APIDemo里的例子，就是加個ArrayAdapter，還是簡單的，也可以自己發(fā)揮修改，實現(xiàn)自己想要的。這里的代碼基本上可以直接運行項目了。
在main.xml里加個ImageView，如

復(fù)制代碼代碼如下:

 
<?xml version="1.0" encoding="utf-8"?> 
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:id="@+id/container" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent"> 
<ImageView 
android:id="@+id/image" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:text="Rotate" 
android:textSize="50px" 
android:layout_x="150px" 
android:layout_y="30px" 
android:src="@drawable/ro"> 
></ImageView> 
</FrameLayout> 

這個不需要解釋吧，都可以看懂的
最后，還需要一個activity類
如：

復(fù)制代碼代碼如下:

 
public class TestRotate extends Activity implements OnClickListener{ 
private mageView imageview; 
private ViewGroup mContainer; 
/** 
*這個變量設(shè)置的是圖片，如果是多張圖片，那么可以用數(shù)組，如 
*private static final int IMAGE = new int[]{ 
* R.drawable.ro, 
* R.drawable.icon 
*}; 
*有多少圖片就放多少，我這里做的只是一張圖片的翻轉(zhuǎn) 
* 
*/ 
private static final int IMAGE = R.drawable.ro; 
/** Called when the activity is first created. */ 
@Override 
public void onCreate(Bundle savedInstanceState) { 
super.onCreate(savedInstanceState); 
setContentView(R.layout.main); 
imageview = (ImageView) findViewById(R.id.image); 
mContainer = (ViewGroup) findViewById(R.id.container); 
/** 
* 設(shè)置最新顯示的圖片 
* 如果是數(shù)組，那么可以寫成IMAGE[int] 
* 
*/ 
imageview.setImageResource(IMAGE); 
/** 
* 
* 設(shè)置ImageView的OnClickListener 
* 
*/ 
imageview.setClickable(true); 
imageview.setFocusable(true); 
imageview.setOnClickListener(this); 
} 
private void applyRotation(int position, float start, float end) { 
// Find the center of the container 
final float centerX = mContainer.getWidth() / 2.0f; 
final float centerY = mContainer.getHeight() / 2.0f; 
final Rotate3d rotation = 
new Rotate3d(start, end, centerX, centerY, 310.0f, true); 
rotation.setDuration(500); 
rotation.setFillAfter(true); 
rotation.setInterpolator(new AccelerateInterpolator()); 
rotation.setAnimationListener(new DisplayNextView(position)); 
mContainer.startAnimation(rotation); 
} 
@Override 
public void onClick(View v) { 
// TODO Auto-generated method stub 
/** 
* 
* 調(diào)用這個方法，就是翻轉(zhuǎn)圖片 
* 參數(shù)很簡單，大家都應(yīng)該看得懂 
* 簡單說下，第一個是位置，第二是開始的角度，第三個是結(jié)束的角度 
* 這里需要說明的是，如果是要回到上一張 
* 把第一個參數(shù)設(shè)置成-1就行了 
* 
*/ 
applyRotation(0,0,90); 
} 
private final class DisplayNextView implements Animation.AnimationListener { 
private final int mPosition; 
private DisplayNextView(int position) { 
mPosition = position; 
} 
public void onAnimationStart(Animation animation) { 
} 
public void onAnimationEnd(Animation animation) { 
mContainer.post(new SwapViews(mPosition)); 
} 
public void onAnimationRepeat(Animation animation) { 
} 
} 
/** 
* This class is responsible for swapping the views and start the second 
* half of the animation. 
*/ 
private final class SwapViews implements Runnable { 
private final int mPosition; 
public SwapViews(int position) { 
mPosition = position; 
} 
public void run() { 
final float centerX = mContainer.getWidth() / 2.0f; 
final float centerY = mContainer.getHeight() / 2.0f; 
Rotate3d rotation; 
if (mPosition > -1) { 
imageview.setVisibility(View.VISIBLE); 
imageview.requestFocus(); 
rotation = new Rotate3d(90, 180, centerX, centerY, 310.0f, false); 
} else { 
imageview.setVisibility(View.GONE); 
rotation = new Rotate3d(90, 0, centerX, centerY, 310.0f, false); 
} 
rotation.setDuration(500); 
rotation.setFillAfter(true); 
rotation.setInterpolator(new DecelerateInterpolator()); 
mContainer.startAnimation(rotation); 
} 
} 
} 