进阶6之Android UI介面之（介面3D旋转）

天道酬勤。也许你付出了不一定得到回报，但不付出一定得不到回报。

本讲内容：介面3D旋转

示例一效果图：

下面是res/layout/activity_main.xml 布局文件：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"	android:id="@+id/layout_main"	android:layout_width="fill_parent"	android:layout_height="wrap_content"    			android:orientation="vertical">		<TextView    	android:id="@+id/title"    	android:layout_width="wrap_content"    	android:layout_height="wrap_content"     	android:layout_gravity="center"		android:gravity="center"    	android:textColor="#ff0000"    	android:text="@string/txt_main"/>		    	<LinearLayout 		android:layout_marginTop="50dip"		android:layout_width="wrap_content"		android:layout_height="wrap_content"		android:gravity="center"  		android:layout_gravity="center" >					<Button			android:id="@+id/main_last"			android:layout_width="wrap_content"			android:layout_height="wrap_content"			android:text="上一頁"/>		<Button 			android:id="@+id/main_next"			android:layout_marginLeft="50dip"			android:layout_width="wrap_content"			android:layout_height="wrap_content"			android:text="下一頁"/>	</LinearLayout>			</LinearLayout>

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"	android:id="@+id/layout_next"	android:layout_width="fill_parent"	android:layout_height="wrap_content"    			android:orientation="vertical">		<TextView    	android:id="@+id/title"    	android:layout_width="wrap_content"    	android:layout_height="wrap_content"     	android:layout_gravity="center"		android:gravity="center"    	android:textColor="#ff0000"    	android:text="@string/txt_next"/>		    	<LinearLayout 		android:layout_marginTop="5dip"		android:layout_width="wrap_content"		android:layout_height="wrap_content"		android:gravity="center"  		android:layout_gravity="center" >					<Button			android:id="@+id/next_last"			android:layout_width="wrap_content"			android:layout_height="wrap_content"			android:text="上一頁"/>		<Button 			android:id="@+id/next_next"			android:layout_marginLeft="50dip"			android:layout_width="wrap_content"			android:layout_height="wrap_content"			android:text="下一頁"/>	</LinearLayout>			</LinearLayout>

<?xml version="1.0" encoding="utf-8"?><resources>    <string name="app_name">Rotate3D</string>    <string name="hello_world">Hello world!</string>    <string name="action_settings">Settings</string>    <string name="txt_main">第一页\n\n珍爱生命</string>    <string name="txt_next">第二页\n远离IT</string></resources>

public class Rotate3D extends Animation {	private float fromDegree;	// 旋转起始角度	private float toDegree;		// 旋转终止角度	private float mCenterX;		// 旋转中心x	private float mCenterY;		// 旋转中心y	private Camera mCamera;	public Rotate3D(float fromDegree, float toDegree, float centerX, float centerY) {		this.fromDegree = fromDegree;		this.toDegree = toDegree;		this.mCenterX = centerX;		this.mCenterY = centerY;	}	@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 FromDegree = fromDegree;		float degrees = FromDegree + (toDegree - fromDegree) * interpolatedTime;	// 旋转角度（angle）		final float centerX = mCenterX;		final float centerY = mCenterY;		final Matrix matrix = t.getMatrix();		if (degrees <= -76.0f) {			degrees = -90.0f;			mCamera.save();			mCamera.rotateY(degrees);		// 旋转			mCamera.getMatrix(matrix);			mCamera.restore();		} else if (degrees >= 76.0f) {			degrees = 90.0f;			mCamera.save();			mCamera.rotateY(degrees);			mCamera.getMatrix(matrix);			mCamera.restore();		} else {			mCamera.save();			mCamera.translate(0, 0, centerX);		// 位移x			mCamera.rotateY(degrees);			mCamera.translate(0, 0, -centerX);			mCamera.getMatrix(matrix);			mCamera.restore();		}		matrix.preTranslate(-centerX, -centerY);		matrix.postTranslate(centerX, centerY);	}}

public class MainActivity extends Activity {	private ViewGroup layoutmain;	private ViewGroup layoutnext;		private Button btn_MainLast;	private Button btn_MainNext;	private Button btn_NextLast;	private Button btn_NextNext;		private Rotate3D lQuest1Animation;	private Rotate3D lQuest2Animation;	private Rotate3D rQuest1Animation;	private Rotate3D rQuest2Animation;	private int mCenterX = 160;		// 320x480 的宽一半	private int mCenterY = 240;		// 320x480 的高一半		@Override	public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        initAnimation();        initMain();	}				private void initMain(){		layoutmain = (LinearLayout)findViewById(R.id.layout_main);		btn_MainLast = (Button)findViewById(R.id.main_last);		btn_MainNext = (Button)findViewById(R.id.main_next);				btn_MainLast.setOnClickListener(listener);		btn_MainNext.setOnClickListener(listener);	}		private void initNext(){        setContentView(R.layout.next);		layoutnext = (LinearLayout)findViewById(R.id.layout_next);		btn_NextLast = (Button)findViewById(R.id.next_last);		btn_NextNext = (Button)findViewById(R.id.next_next);				btn_NextLast.setOnClickListener(listener);		btn_NextNext.setOnClickListener(listener);	}		private View.OnClickListener listener = new View.OnClickListener() {		@Override		public void onClick(View v) {			switch (v.getId()) {			case R.id.main_last:	// 上一页				layoutmain.startAnimation(lQuest1Animation);	// 当前页向左旋转（0，-90）				initNext();				layoutnext.startAnimation(lQuest2Animation);	// 下一页向左旋转（90, 0）				break;			case R.id.main_next:	// 下一页				layoutmain.startAnimation(rQuest1Animation);	// 当前页向右旋转（0，90）				initNext();				layoutnext.startAnimation(rQuest2Animation);	// 下一页向右旋转（-90, 0）				break;			case R.id.next_last:				layoutnext.startAnimation(lQuest1Animation);				initMain();				layoutmain.startAnimation(lQuest2Animation);				break;			case R.id.next_next:				layoutnext.startAnimation(rQuest1Animation);				initMain();				layoutmain.startAnimation(rQuest2Animation);				break;			}		}	};	public void initAnimation() {		// 获取旋转中心		DisplayMetrics dm = new DisplayMetrics();		dm = getResources().getDisplayMetrics();		mCenterX = dm.widthPixels / 2;		mCenterY = dm.heightPixels / 2;				// 定义旋转方向		int duration = 1000;		lQuest1Animation = new Rotate3D(0, -90, mCenterX, mCenterY);	// 下一页的旋转方向（从0度转到-90，参考系为水平方向为0度）		lQuest1Animation.setFillAfter(true);		lQuest1Animation.setDuration(duration);		lQuest2Animation = new Rotate3D(90, 0, mCenterX, mCenterY);		// 下一页的旋转方向（从90度转到0，参考系为水平方向为0度）（起始第一题）		lQuest2Animation.setFillAfter(true);		lQuest2Animation.setDuration(duration);		rQuest1Animation = new Rotate3D(0, 90, mCenterX, mCenterY);		// 上一页的旋转方向（从0度转到90，参考系为水平方向为0度）		rQuest1Animation.setFillAfter(true);		rQuest1Animation.setDuration(duration);		rQuest2Animation = new Rotate3D(-90, 0, mCenterX, mCenterY);	// 上一页的旋转方向（从-90度转到0，参考系为水平方向为0度）		rQuest2Animation.setFillAfter(true);		rQuest2Animation.setDuration(duration);	}}