這篇文章主要介紹了Android編程實(shí)現(xiàn)3D滑動(dòng)旋轉(zhuǎn)效果的方法,主要通過(guò)繼承Animation自定義Rotate3D來(lái)實(shí)現(xiàn)3D翻頁(yè)效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了Android編程實(shí)現(xiàn)3D滑動(dòng)旋轉(zhuǎn)效果的方法。分享給大家供大家參考,具體如下:
這里我們通過(guò)代碼實(shí)現(xiàn)一些滑動(dòng)翻頁(yè)的動(dòng)畫(huà)效果。
Animation實(shí)現(xiàn)動(dòng)畫(huà)有兩個(gè)方式:幀動(dòng)畫(huà)(frame-by-frame animation)和補(bǔ)間動(dòng)畫(huà)(tweened animation)
本示例通過(guò)繼承Animation自定義Rotate3D,實(shí)現(xiàn)3D翻頁(yè)效果。效果圖如下:

1、Rotate3D(Animation)
首先,自定義Animation的3D動(dòng)畫(huà)類Rotate3D
public class Rotate3D extends Animation {
private float fromDegree; // 旋轉(zhuǎn)起始角度
private float toDegree; // 旋轉(zhuǎn)終止角度
private float mCenterX; // 旋轉(zhuǎn)中心x
private float mCenterY; // 旋轉(zhuǎn)中心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; // 旋轉(zhuǎn)角度(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); // 旋轉(zhuǎn)
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);
}
}
然后,實(shí)例化Rotate3D的旋轉(zhuǎn)方向
public void initAnimation() {
// 獲取旋轉(zhuǎn)中心
DisplayMetrics dm = new DisplayMetrics();
dm = getResources().getDisplayMetrics();
mCenterX = dm.widthPixels / 2;
mCenterY = dm.heightPixels / 2;
// 定義旋轉(zhuǎn)方向
int duration = 1000;
lQuest1Animation = new Rotate3D(0, -90, mCenterX, mCenterY); // 下一頁(yè)的【question1】旋轉(zhuǎn)方向(從0度轉(zhuǎn)到-90,參考系為水平方向?yàn)?度)
lQuest1Animation.setFillAfter(true);
lQuest1Animation.setDuration(duration);
lQuest2Animation = new Rotate3D(90, 0, mCenterX, mCenterY); // 下一頁(yè)的【question2】旋轉(zhuǎn)方向(從90度轉(zhuǎn)到0,參考系為水平方向?yàn)?度)(起始第一題)
lQuest2Animation.setFillAfter(true);
lQuest2Animation.setDuration(duration);
rQuest1Animation = new Rotate3D(0, 90, mCenterX, mCenterY); // 上一頁(yè)的【question1】旋轉(zhuǎn)方向(從0度轉(zhuǎn)到90,參考系為水平方向?yàn)?度)
rQuest1Animation.setFillAfter(true);
rQuest1Animation.setDuration(duration);
rQuest2Animation = new Rotate3D(-90, 0, mCenterX, mCenterY); // 上一頁(yè)的【question2】旋轉(zhuǎn)方向(從-90度轉(zhuǎn)到0,參考系為水平方向?yàn)?度)
rQuest2Animation.setFillAfter(true);
rQuest2Animation.setDuration(duration);
}
2、Activity
首先,定義兩個(gè)布局文件,用于旋轉(zhuǎn)的畫(huà)面切換
main.xml
<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">
...
</LinearLayout>
next.xml
<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">
...
</LinearLayout>
限于篇幅,完整布局文件請(qǐng)?jiān)斠?jiàn)源碼 ^_^
然后,初始化兩個(gè)旋轉(zhuǎn)的布局文件資源
private void initMain(){
setContentView(R.layout.main);
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);
}
最后,設(shè)置布局文件中的按鈕監(jiān)聽(tīng)事件,響應(yīng)3D旋轉(zhuǎn)動(dòng)畫(huà)和方向
private View.OnClickListener listener = new View.OnClickListener() {
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.main_last: // 上一頁(yè)
layoutmain.startAnimation(lQuest1Animation); // 當(dāng)前頁(yè)向左旋轉(zhuǎn)(0,-90)
initNext();
layoutnext.startAnimation(lQuest2Animation); // 下一頁(yè)向左旋轉(zhuǎn)(90, 0)
break;
case R.id.main_next: // 下一頁(yè)
layoutmain.startAnimation(rQuest1Animation); // 當(dāng)前頁(yè)向右旋轉(zhuǎn)(0,90)
initNext();
layoutnext.startAnimation(rQuest2Animation); // 下一頁(yè)向右旋轉(zhuǎn)(-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;
}
}
};
完整實(shí)例代碼代碼點(diǎn)擊此處本站下載。
希望本文所述對(duì)大家Android程序設(shè)計(jì)有所幫助。