天天看點

Android自定義動畫之實作3D翻轉的動畫

在安卓的開發中,有時候會遇到需要3D翻轉的動畫,我在這次項目的開發中也遇到了,效果實作了,但是最終沒有采用,于是寫篇部落格,友善于以後使用‘

下面是效果圖:

Android自定義動畫之實作3D翻轉的動畫

下面貼出來的是一個自定義的封裝好的3D動畫實作類,在以後的項目中是可以直接使用的

package com.renruihr.www.doraemon;
import android.graphics.Camera;
import android.graphics.Matrix;
import android.view.animation.Animation;
import android.view.animation.Transformation;

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;

    /**
     *
     * @param fromDegrees   開始角度
     * @param toDegrees 要求轉到的角度
     * @param centerX   旋轉中心點的X坐标
     * @param centerY   旋轉中心點得Y坐标
     * @param depthZ    攢轉中心點的Z坐标
     * @param reverse   圖檔是否需要扭曲
     */
    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();
    }

    // 生成Transformation
    @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);
    }
}
           

以上是一個封裝好的3D動畫實作類,如果需要使用,則需在Activity中進行調用,下面是調用的代碼

package com.renruihr.www.doraemon;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.LinearInterpolator;
import android.widget.ImageView;

/**
 * Created by Doraemon on 15/10/14.
 */
public class AnimationActivity extends Activity{

    ImageView iv_image;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_animation);

        initLyout();
        initListener();
        initData();
    }

    private void initLyout(){
        iv_image = (ImageView) findViewById(R.id.iv_image);
    }
    private void initListener(){
        findViewById(R.id.btn_animation_anniu1).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                applyRotation(0,360);
            }
        });
    }
    private void initData(){}


    //3D動畫實作類
    public void applyRotation(float start,float end) {
        //擷取旋轉的中心
        final float centerX = iv_image.getWidth() / 2.0f;
        final float centerY = iv_image.getHeight() / 2.0f;

        final Rotate3dAnimation rotation = new Rotate3dAnimation(start, end, centerX, centerY, 0.0f, true);
        rotation.setDuration(2000);
        rotation.setFillAfter(true);
        //定義了動畫的變化速度
        rotation.setInterpolator(new LinearInterpolator());
        //設定監聽
//        rotation.setAnimationListener(new DisplayNextView());

        iv_image.startAnimation(rotation);
    }
}