android视图360度旋转效果

1.重写Animation动画类，定义360度旋转

package com.test.animation;

import android.view.animation.Animation;
import android.view.animation.Transformation;
import android.graphics.Camera;
import android.graphics.Matrix;

/**
 * An animation that rotates the view on the Y axis between two specified angles.
 * This animation also adds a translation on the Z axis (depth) to improve the effect.
 */
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.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);
    }
}

2.主方法：
首先定义一个layout，然后在该layout中定义两个layout，分别为旋转效果的正反面，
然后进行动画，在第一次的动画后放入监听事件，监听事件是第一次旋转90度，再触发监听事件执行Runnable触发第二次旋转。

package com.test;

import android.app.Activity;
import android.os.Bundle;
import android.view.Display;
import android.view.View;
import android.view.ViewGroup;
import android.view.View.OnClickListener;
import android.view.animation.AccelerateInterpolator;
import android.view.animation.Animation;
import android.view.animation.DecelerateInterpolator;
import android.view.animation.Animation.AnimationListener;
import android.widget.Button;
import android.widget.RelativeLayout;

import com.test.animation.Rotate3dAnimation;

public class Main extends Activity {
    private Button testButton;
	private RelativeLayout animation_layout,animation_layout_temp;
	private ViewGroup mContainer;
    private boolean isAnswer;
    public static int screenWidth,screenHeight;
    
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        testButton = (Button) findViewById(R.id.testButton);
        animation_layout = (RelativeLayout) findViewById(R.id.animation_layout);
        animation_layout_temp = (RelativeLayout) findViewById(R.id.animation_layout_temp);
        mContainer = (ViewGroup) findViewById(R.id.layout_main);
        mContainer.setPersistentDrawingCache(ViewGroup.PERSISTENT_ANIMATION_CACHE);
        Display display = getWindowManager().getDefaultDisplay();
		screenWidth = display.getWidth();
		screenHeight = display.getHeight();
        testButton.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				if (isAnswer) {
					testButton.setText("Answer");
					applyRotation(isAnswer, 0, 90);
				} else {
					testButton.setText("Question");
					applyRotation(isAnswer, 0, 90);
				}
			}
		});
    }
    private void applyRotation(boolean position,float start,float end) {
    	final float centerX = mContainer.getWidth() / 2.0f;
    	final float centerY = mContainer.getHeight() / 2.0f;
    	final Rotate3dAnimation rotation = new Rotate3dAnimation(start, end, centerX, centerY, screenWidth, true);
    	rotation.setDuration(500);
    	rotation.setFillAfter(true);
    	rotation.setInterpolator(new AccelerateInterpolator());
    	rotation.setAnimationListener(new DisplayNextView(position));
    	mContainer.startAnimation(rotation);
    }
    
    
    private final class DisplayNextView implements AnimationListener {
    	private final boolean mPosition;
    	
		private DisplayNextView(boolean position) {
			mPosition = position;
		}

		@Override
		public void onAnimationEnd(Animation animation) {
			mContainer.post(new SwapViews(mPosition));
		}

		@Override
		public void onAnimationRepeat(Animation animation) {
			// TODO Auto-generated method stub
			
		}

		@Override
		public void onAnimationStart(Animation animation) {
			// TODO Auto-generated method stub
			
		}
    }
    
    private final class SwapViews implements Runnable {
    	private final boolean mPosition;
    	
		public SwapViews(boolean position) {
			mPosition = position;
		}

		@Override
		public void run() {
			final float centerX = mContainer.getWidth() / 2.0f;
            final float centerY = mContainer.getHeight() / 2.0f;
            Rotate3dAnimation rotation;
			if (mPosition) {
				animation_layout_temp.setVisibility(View.VISIBLE);
				animation_layout.setVisibility(View.GONE);
				rotation = new Rotate3dAnimation(-90, 0, centerX, centerY, screenWidth-10.0f, false);
			} else {
				animation_layout_temp.setVisibility(View.GONE);
				animation_layout.setVisibility(View.VISIBLE);
				rotation = new Rotate3dAnimation(-90, 0, centerX, centerY, screenWidth-10.0f, false);
			}
			rotation.setDuration(500);
            rotation.setFillAfter(true);
            rotation.setInterpolator(new DecelerateInterpolator());
            isAnswer = !mPosition;
            mContainer.startAnimation(rotation);
		}
    }
}

视图配置文件，需要定义视图的正反面以及包含这两个正反面的视图：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" android:background="#FFFFFF"
    android:layout_height="fill_parent">
    
    <RelativeLayout android:id="@+id/layout_main" android:layout_width="fill_parent"
    	android:layout_height="300px" android:background="#AC4F3F">
	    <RelativeLayout android:layout_width="fill_parent" android:layout_height="wrap_content"
	    	android:id="@+id/animation_layout">
	    	<LinearLayout android:layout_width="wrap_content" android:orientation="vertical"
	    		android:layout_centerInParent="true"
	    		android:layout_height="wrap_content" android:id="@+id/layout1">
				<TextView
				    android:layout_width="fill_parent"
				    android:layout_height="wrap_content" 
				    android:text="@string/hello"/>
	   	 	</LinearLayout>
	    </RelativeLayout>
	    <RelativeLayout android:layout_width="fill_parent" android:layout_height="300px"
	    	android:id="@+id/animation_layout_temp" android:visibility="invisible">
	    	<LinearLayout android:layout_width="wrap_content" android:orientation="vertical"
	    		android:layout_centerInParent="true"
	    		android:layout_height="wrap_content" android:id="@+id/layout1">
				<TextView
				    android:layout_width="fill_parent"
				    android:layout_height="wrap_content" 
				    android:text="@string/app_name"/>
	   	 	</LinearLayout>
	    </RelativeLayout>
    </RelativeLayout>
    
    <RelativeLayout android:layout_below="@id/layout_main" android:layout_width="fill_parent"
    	android:layout_height="40px" android:background="#000">
    	<Button android:layout_width="wrap_content" android:layout_height="wrap_content"
    		android:text="Question" android:layout_centerInParent="true"
    		android:id="@+id/testButton"></Button>
    </RelativeLayout>
</RelativeLayout>

评论

1 楼 gundumw100 2012-08-03  

如何反过来旋转？
比如按一下顺时针旋转，在按一下逆时针旋转。