两个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. */@Overridepublic 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;@Overridepublic void onClick(View v) {// TODO Auto-generated method stubrotateHelper = 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. */@Overridepublic 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);}@Overridepublic void onClick(View v) {// TODO Auto-generated method stubrotateHelper = 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);}// 逆时针旋转90public void applyFirstRotation(ViewGroup layout,float start, float end) {// Find the center of the containerfinal 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 animationfinal 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 containerfinal 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 animationfinal 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>1 楼 WOSHICAIXIANFENG 2011-10-13 hi, 楼主你好，
请问，你有没有发现，在旋转的时候，有时 屏幕右侧会出线条，也就是由于屏幕重绘不及时所导致的。
有没有发现这个bug ? 当然如果你的Activity里页面背景是黑色的，就看不出来了。我很奇怪为何 只有右侧会出现这个问题， 左边就没有
2 楼 lethecat 2012-02-22 先做个标记，有时间试试 3 楼 flyingsir_zw 2012-08-08 demo 写了一个，帮助你完善，分先demo
http://dl.iteye.com/topics/download/b4c4f2e3-7693-36ae-8922-43e92b6667bf