简单实现Android图片翻转动画效果

什么都不说，先看效果

这是原始图片的样子

这是翻转后的效果图

如果是你想要的效果，那么继续往下看，如果不是，那可以跳过了。这是一个动画，而不是用matrix实现的直接翻转图片。

我这个是根据APIDemo简单修改写的
需要一个Rotate3d 类，继承Animation

public class Rotate3d 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;  
    public Rotate3d(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.save();  
        if (mReverse) {  
            camera.translate(0.0f, 0.0f, mDepthZ * interpolatedTime);  
        } else {  
            camera.translate(0.0f, 0.0f, mDepthZ * (1.0f - interpolatedTime));  
        }  
        camera.rotateY(degrees);  
        camera.getMatrix(matrix);  
        camera.restore();  
 
        matrix.preTranslate(-centerX, -centerY);  
        matrix.postTranslate(centerX, centerY);  
    }  
} 

这个类可以直接拷过去，不用做任何的修改。其中的方法自己找相关资料研究。

在main.xml里加个ImageView，如

<?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类

如：

public class TestRotate extends Activity implements OnClickListener{  
 private mageView imageview;  
 private ViewGroup mContainer;  
 /**  
  *这个变量设置的是图片，如果是多张图片，那么可以用数组，如  
  *private static final int IMAGE = new int[]{  
  * R.drawable.ro,  
  * R.drawable.icon  
  *};  
  *有多少图片就放多少，我这里做的只是一张图片的翻转  
  *  
  */  
 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);          
        /**  
         * 设置最新显示的图片  
         * 如果是数组，那么可以写成IMAGE[int]  
         *   
         */  
        imageview.setImageResource(IMAGE);          
        /**  
         *   
         * 设置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  
  /**  
   *   
   * 调用这个方法，就是翻转图片  
   * 参数很简单，大家都应该看得懂  
   * 简单说下，第一个是位置，第二是开始的角度，第三个是结束的角度  
   * 这里需要说明的是，如果是要回到上一张  
   * 把第一个参数设置成-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);  
        }  
    }  
}