使用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);??
???????????
????????}??
?????}??
}
