两个Activity之间中轴旋转切换

直接上代码:
1.TranslateLayout.java文件(页面1)

package cn.com;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.view.View;
import android.view.View.OnClickListener;

public class TranslateLayout extends Activity implements OnClickListener {

	RelativeLayout layout1;

	String tag;

	/** Called when the activity is first created. */
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.first);
		ImageView first_btn = (ImageView) findViewById(R.id.first_btn);
		first_btn.setOnClickListener(this);

		layout1 = (RelativeLayout) findViewById(R.id.layout1);
		showView();

	}

	public void showView() {
		/* 取得Intent中的Bundle对象 */
		Bundle bundle = this.getIntent().getExtras();

		if (bundle != null) {
			/* 取得Bundle对象中的数据 */
			tag = bundle.getString("second");
			System.out.println("tag =" + tag);
			if (tag.equals("Second")) {
				rotateHelper = new RotationHelper(this,
						Constants.KEY_FIRST_CLOCKWISE);
				rotateHelper.applyLastRotation(layout1, -90, 0);
			}
		}
	}

	RotationHelper rotateHelper;

	@Override
	public void onClick(View v) {
		// TODO Auto-generated method stub
		rotateHelper = new RotationHelper(this, Constants.KEY_FIRST_INVERSE);
		rotateHelper.applyFirstRotation(layout1, 0, -90);
	}

	public void jumpToSecond() {
		Intent in = new Intent();
		in.setClass(this, Second.class);
		// new一个Bundle对象，并将要传递的数据传入
		Bundle bundle = new Bundle();
		bundle.putString("front", "First");
		/* 将Bundle对象assign给Intent */
		in.putExtras(bundle);
		// 如果已经打开过的实例，将不会重新打开新的Activity
		// in.addFlags(Intent.FLAG_ACTIVITY_REORDER_TO_FRONT);
		startActivity(in);
		finish();
	}

}

2. Second.java文件(页面2)

package cn.com;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.RelativeLayout;

public class Second extends Activity implements OnClickListener {

	String tag = "";

	RotationHelper rotateHelper;

	RelativeLayout layout2;

	/** Called when the activity is first created. */
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.second);

		layout2 = (RelativeLayout) findViewById(R.id.layout2);
		showView();
		setListener();
	}

	public void setListener() {
		ImageView second_btn = (ImageView) findViewById(R.id.second_btn);
		second_btn.setOnClickListener(this);
	}

	@Override
	public void onClick(View v) {
		// TODO Auto-generated method stub
		rotateHelper = new RotationHelper(this,
				Constants.KEY_SECOND_CLOCKWISE);
		rotateHelper.applyFirstRotation(layout2, 0, 90);
	}

	public void showView() {
		/* 取得Intent中的Bundle对象 */
		Bundle bundle = this.getIntent().getExtras();

		if (bundle != null) {
			/* 取得Bundle对象中的数据 */
			tag = bundle.getString("front");
		}

		System.out.println("bundle =" + tag);

		if (tag.equals("First")) {
			rotateHelper = new RotationHelper(this, Constants.KEY_SECOND_INVERSE);
			rotateHelper.applyLastRotation(layout2, 90, 0);
		}
	}

	public void jumpToFirst() {
		Intent in = new Intent();
		in.setClass(this, TranslateLayout.class);
		Bundle bundle = new Bundle();
		bundle.putString("second", "Second");
		in.putExtras(bundle);
		startActivity(in);
		finish();
	}

}

3.RotationHelper.java文件

package cn.com;

import android.app.Activity;
import android.util.Log;
import android.view.ViewGroup;
import android.view.animation.AccelerateInterpolator;

public class RotationHelper {
	
	DisplayNextView displayNext;
	
	public RotationHelper(Activity con,int order){
		displayNext = new DisplayNextView(con, order);
	}
	
	// 逆时针旋转90
	public void applyFirstRotation(ViewGroup layout,float start, float end) {
		// Find the center of the container
		final float centerX = layout.getWidth() / 2.0f;
		final float centerY = layout.getHeight() / 2.0f;
		Log.i("centerX =" + centerX, "centerX");
		Log.i("centerY =" + 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);
		rotation.setDuration(700);
		rotation.setFillAfter(true);
		rotation.setInterpolator(new AccelerateInterpolator());
		rotation.setAnimationListener(displayNext);
		layout.startAnimation(rotation);
	}
	
	public void applyLastRotation(ViewGroup layout,float start, float end) {
		// Find the center of the container
		final float centerX = layout.getWidth() / 2.0f;
		final float centerY = layout.getHeight() / 2.0f;
		Log.i("centerX =" + centerX, "centerX");
		Log.i("centerY =" + 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,
				 160, 192, 310.0f, false);
		rotation.setDuration(700);
		rotation.setFillAfter(true);
		rotation.setInterpolator(new AccelerateInterpolator());
		layout.startAnimation(rotation);
	}	
}

4. Rotate3dAnimation.java文件(动画辅助类)

package cn.com;

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);
    }
}

5.DisplayNextView.java监听动画的类

package cn.com;

import android.app.Activity;
import android.view.animation.Animation;

public class DisplayNextView implements Animation.AnimationListener {

	Object obj;

	// 动画监听器的构造函数
	Activity ac;
	int order;

	public DisplayNextView(Activity ac, int order) {
		this.ac = ac;
		this.order = order;
	}

	public void onAnimationStart(Animation animation) {
	}

	public void onAnimationEnd(Animation animation) {
		doSomethingOnEnd(order);
	}

	public void onAnimationRepeat(Animation animation) {
	}

	private final class SwapViews implements Runnable {
		public void run() {
			switch (order) {
			case Constants.KEY_FIRST_INVERSE:
				((TranslateLayout) ac).jumpToSecond();
				break;
			case Constants.KEY_SECOND_CLOCKWISE:
				((Second) ac).jumpToFirst();
				break;
			}
		}
	}

	public void doSomethingOnEnd(int _order) {
		switch (_order) {
		case Constants.KEY_FIRST_INVERSE:
			((TranslateLayout) ac).layout1.post(new SwapViews());
			break;

		case Constants.KEY_SECOND_CLOCKWISE:
			((Second) ac).layout2.post(new SwapViews());
			break;
		}
	}
}

6. Constants标识Layout的id

package cn.com;

public class Constants {

	public final static int KEY_FIRST_INVERSE = 1;

	public final static int KEY_FIRST_CLOCKWISE = 2;

	public final static int KEY_SECOND_INVERSE = 3;

	public final static int KEY_SECOND_CLOCKWISE = 4;
}

7.first.xml文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:orientation="vertical" android:layout_width="fill_parent"
	android:layout_height="fill_parent" android:id="@+id/layout1">
	<ImageView android:layout_width="fill_parent" android:id="@+id/first_btn"
		android:layout_height="fill_parent" android:background="@drawable/first_bg" />
</RelativeLayout>

8.second.xml文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:orientation="vertical" android:layout_width="fill_parent"
	android:layout_height="fill_parent" android:id="@+id/layout2">

	<ImageView android:layout_width="fill_parent" android:id="@+id/second_btn"
		android:layout_height="fill_parent" android:background="@drawable/second_bg" />
</RelativeLayout>

9.AndroidMenifest.xml文件

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
	package="cn.com" android:versionCode="1" android:versionName="1.0">
	<application android:icon="@drawable/icon" android:label="@string/app_name">
		<activity android:name=".TranslateLayout" android:label="@string/app_name">
			<intent-filter>
				<action android:name="android.intent.action.MAIN" />
				<category android:name="android.intent.category.LAUNCHER" />
			</intent-filter>
		</activity>
		<activity android:name=".Second" />
	</application>
</manifest> 

评论

4 楼 WOSHICAIXIANFENG 2013-03-18  

flyingsir_zw 写道

demo 写了一个，帮助你完善，分先demo


http://dl.iteye.com/topics/download/b4c4f2e3-7693-36ae-8922-43e92b6667bf

谢谢你啊，

3 楼 flyingsir_zw 2012-08-08  

demo 写了一个，帮助你完善，分先demo


http://dl.iteye.com/topics/download/b4c4f2e3-7693-36ae-8922-43e92b6667bf

2 楼 lethecat 2012-02-22  

先做个标记，有时间试试

1 楼 WOSHICAIXIANFENG 2011-10-13  

hi, 楼主你好，
  请问，你有没有发现，在旋转的时候，有时 屏幕右侧会出线条，也就是由于屏幕重绘不及时所导致的。 
  有没有发现这个bug ? 当然如果你的Activity里页面背景是黑色的，就看不出来了。我很奇怪为何 只有右侧会出现这个问题， 左边就没有