android酷炫翻页效果+图形分析

 

public class PageWidget extends View {

 private static final String TAG = "hmg";
 private int mWidth = 480;
 private int mHeight = 800;
 private int mCornerX = 0; // 拖拽点对应的页脚
 private int mCornerY = 0;
 private Path mPath0;
 private Path mPath1;
 Bitmap mCurPageBitmap = null; // 当前页
 Bitmap mCurPageBackBitmap = null;
 Bitmap mNextPageBitmap = null;

 PointF mTouch = new PointF(); // 拖拽点
 PointF mBezierStart1 = new PointF(); // 贝塞尔曲线起始点
 PointF mBezierControl1 = new PointF(); // 贝塞尔曲线控制点
 PointF mBeziervertex1 = new PointF(); // 贝塞尔曲线顶点
 PointF mBezierEnd1 = new PointF(); // 贝塞尔曲线结束点

 PointF mBezierStart2 = new PointF(); // 另一条贝塞尔曲线起点
 PointF mBezierControl2 = new PointF();//贝塞尔曲线的控制点
 PointF mBeziervertex2 = new PointF();//贝塞尔曲线的顶点
 PointF mBezierEnd2 = new PointF();//贝塞尔曲线的结束点

 float mMiddleX;
 float mMiddleY;
 float mDegrees;
 float mTouchToCornerDis;
 ColorMatrixColorFilter mColorMatrixFilter;
 Matrix mMatrix;
 float[] mMatrixArray = { 0, 0, 0, 0, 0, 0, 0, 0, 1.0f };

 boolean mIsRTandLB; // 是否属于右上左下
 // for test
 float mMaxLength = (float) Math.hypot(480, 800);
 int[] mBackShadowColors;
 int[] mFrontShadowColors;
 GradientDrawable mBackShadowDrawableLR;
 GradientDrawable mBackShadowDrawableRL;
 GradientDrawable mFolderShadowDrawableLR;
 GradientDrawable mFolderShadowDrawableRL;

 GradientDrawable mFrontShadowDrawableHBT;
 GradientDrawable mFrontShadowDrawableHTB;
 GradientDrawable mFrontShadowDrawableVLR;
 GradientDrawable mFrontShadowDrawableVRL;

 private Bitmap mBitmap;
 private Canvas mCanvas;
 private Paint mBitmapPaint;
 Paint paint;

 Paint mPaint;

 public PageWidget(Context context) {
  super(context);
  // TODO Auto-generated constructor stub
  mPath0 = new Path();
  mPath1 = new Path();
  createDrawable();

  // ---------------------------------------
  mBitmap = Bitmap.createBitmap(480, 800, Bitmap.Config.ARGB_8888);

  mCanvas = new Canvas(mBitmap);
  
  mBitmapPaint = new Paint(Paint.DITHER_FLAG);

  paint = new Paint();
  mPaint = new Paint();
  mPaint.setStyle(Paint.Style.FILL);

  mCurPageBitmap = BitmapFactory.decodeResource(this.getResources(),
    R.drawable.page1);
  mNextPageBitmap = BitmapFactory.decodeResource(this.getResources(),
    R.drawable.page2);

  ColorMatrix cm = new ColorMatrix();
  float array[] = { 0.55f, 0, 0, 0, 80.0f, 0, 0.55f, 0, 0, 80.0f, 0, 0,
    0.55f, 0, 80.0f, 0, 0, 0, 0.2f, 0 };
  cm.set(array);
  mColorMatrixFilter = new ColorMatrixColorFilter(cm);

  mMatrix = new Matrix();
 }

 
 private void calcCornerXY(float x, float y) {
  if (x <= mWidth / 2)
   mCornerX = 0;
  else
   mCornerX = mWidth;
  if (y <= mHeight / 2)
   mCornerY = 0;
  else
   mCornerY = mHeight;
  if ((mCornerX == 0 && mCornerY == mHeight)
    || (mCornerX == mWidth && mCornerY == 0))
   mIsRTandLB = true;
  else
   mIsRTandLB = false;
 }

 @Override
 public boolean onTouchEvent(MotionEvent event) {
  // TODO Auto-generated method stub
  if (event.getAction() == MotionEvent.ACTION_MOVE) {
   mCanvas.drawColor(0xFFAAAAAA);
   mTouch.x = event.getX();
   mTouch.y = event.getY();
   this.postInvalidate();
  }
  if (event.getAction() == MotionEvent.ACTION_DOWN) {
   mCanvas.drawColor(0xFFAAAAAA);
   mTouch.x = event.getX();
   mTouch.y = event.getY();
   calcCornerXY(mTouch.x, mTouch.y);
   this.postInvalidate();
  }
  if (event.get