使用Animation中的Camera构造伪3D动画效果(水平翻转 翻页)

使 用 Animation中的 Camera 构造伪 3D动画效果

 

水平翻转效果。

 

主要是想用于设计一个新的翻页方案。

或2个界面之间的切换方案

 

关键代码已标红

--------------

代码

 

package dk.demo.anim;

 

import android.app.Activity;

import android.os.Bundle;

import android.widget.ImageView;

 

public class TwoSidedViewActivity extends Activity {

    

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        

        ImageView img1=new ImageView(this);

        img1.setImageResource(R.drawable.img1);

        ImageView img2=new ImageView(this);

        img2.setImageResource(R.drawable.img2);

        TwoSidedView tsv=new TwoSidedView(this, img1, img2, 2500);

        

        setContentView(tsv);

    }

}

 

 

package dk.demo.anim;

 

import android.content.Context;

import android.graphics.Camera;

import android.graphics.Matrix;

import android.view.View;

import android.view.animation.Animation;

import android.view.animation.LinearInterpolator;

import android.view.animation.Transformation;

import android.widget.RelativeLayout;

 

public class TwoSidedView extends RelativeLayout{

 

private View frontView;

private View backView;

private int duration;

ViewAnimation animFront;

ViewAnimation animBack;

public TwoSidedView(Context context,View frontView,View backView,int duration) {

super(context);

this.frontView=frontView;

this.backView=backView;

animFront=new ViewAnimation();

animFront.flag=ViewAnimation.FRONT_ANIM;

animFront.setFillAfter(true);

animBack=new ViewAnimation();

animBack.flag=ViewAnimation.BACK_ANIM;

animBack.setFillAfter(true);

this.duration=duration;

this.addView(frontView);

this.addView(backView);

 

frontView.setOnClickListener(mOnclickListener);

backView.setOnClickListener(mOnclickListener);

this.removeAllViews();

this.addView(backView);

this.addView(frontView);

}

 

View.OnClickListener mOnclickListener=new View.OnClickListener() {

 

@Override

public void onClick(View v) {

if(v.equals(frontView))

{

frontView.startAnimation(animFront);

backView.startAnimation(animBack);

 

 

}

// else

// {

// frontView.startAnimation(animBack);

// backView.startAnimation(animFront);

// }

//

}

};

 

  class ViewAnimation extends Animation {  

   private static final int FRONT_ANIM=0;

   private static final int BACK_ANIM=1;

        int mCenterX;//记录 View 的中间坐标  

        int mCenterY;  

        Camera camera = new Camera(); 

        int flag;

        public ViewAnimation() {  

        }  

    

        @Override  

        public void initialize(int width, int height, int parentWidth,  

               int parentHeight) {  

            super.initialize(width, height, parentWidth, parentHeight);  

            //初始化中间坐标值  

            mCenterX = width/2;   

            mCenterY = height/2;  

            setDuration(duration);  

            setFillAfter(true);  

            setInterpolator(new LinearInterpolator());  

        }  

    

        @Override  

        protected void applyTransformation(float interpolatedTime,  

               Transformation t) {  

            final Matrix matrix = t.getMatrix();  

         camera.save();

           if(flag==FRONT_ANIM )

           {

            if(interpolatedTime<=(0.5))

            {

            camera.rotateY( interpolatedTime*2*90);

           //第一个view 在动画时间的前半段旋转90° 和屏幕垂直（不可见）

           //System.out.println("time:"+interpolatedTime*2*90);

            }

            else

            {

            camera.rotateY(90);

            }

           }

           else  if(flag==BACK_ANIM )

           {

            if(interpolatedTime>=0.5)

            {

            camera.rotateY((float)(270+ (interpolatedTime-0.5)*90*2));

          //第二个view 在动画时间的后半段从270°旋转至360°

         //即从垂直于屏幕 旋转到与屏幕平行

         //由不可见变为可见

            }

            else

            {

            camera.rotateY(270);

            }

          

           }

            camera.getMatrix(matrix);  

            camera.restore();

            matrix.preTranslate(-mCenterX, -mCenterY);  

            matrix.postTranslate(mCenterX, mCenterY);  

           

        }  

     }  

}

评论

1 楼 nuannuandetaiyang 2012-07-19  

挺不错的~~~~