Android实现翻页功能原理

第一种翻页效果如下：

 

实现原理：

当前手指触摸点为a，则 a点坐标为（ax,ay）， 由三角形acb与三角形cmb为对称三角形并且直线cp为am垂直平分线，则 B点坐标为(ax/2,ay/2)。

作gf垂直于om且cb垂直于am， 三角形cfg与gfm相似，则 cf:gf = gf:mf      cf=(gf * gf) / mf     gf长度为g点纵坐标     mf长度为g点横坐标   

cf长度可求    c点坐标可求 由c点、g点可确定过两点间的直线， 当该直线中x=0时求出与y足交点。

 

第二种翻页效果

实现原理：

使用贝赛尔曲线。曲线有四个点：起始点、终止点（也称锚点）以及两个相互分离的中间点。滑动两个中间点，贝塞尔曲线的形状会发生变化。

根据第一种翻页效果原理可以确定a、e、h、f、g ，由eh平行于cj且af垂直于eh，则 af垂直于cj则三角形egf相似于三角形cnf 则有ef:cf = gf:nf 。

设n为ag中点 则有cf=(3/2)*ef ,则c点坐标可求 由c点、k点坐标已知可知过两点间的直线

由该直线可计算与y轴相交点j 由a、e、c、j可计算两条直线的相交点b 同理可求点k。

 

在Android中的具体实现步骤：

起始页展示

1.创建屏幕尺寸的bmp 2.将图片转化为canvas 3.获取起始页面数据 3.在canvas中绘制起始页数据 4.在当前视图中复写onDraw进行重绘出bmp对象

翻页处理

1.初始化时创建两个bmp（bmp1、bmp2）并将其转换为canvas(canvas1、canvas2)

2.获取手势首次触摸的区域 （例：当首次点击屏幕的位置x<50&&y<50则为左上角）

3.根据首次点击区域判断需要展示的数据（例：首次点击处于左侧区域【左上、左下】的则判断操作为下一页操作）

4.获取下一页中数据并绘制出来在canvas2中

5.根据1中获取的区域位置调用起始动画使视图移动到手势首次点击位置

6.获取手势每次移动的坐标并根据移动坐标计算绘制的各个点的坐标

7.每次移动刷新视图

源码示例下载1

源码示例下载2

源码实例1:

项目结构:

PageWidget:

package sf.hmg.turntest; import android.content.Context; import android.graphics.Bitmap; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.Path; import android.graphics.PointF; import android.graphics.Region; import android.graphics.drawable.GradientDrawable; import android.util.Log; import android.view.MotionEvent; import android.view.View; 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; 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; 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);        mCurPageBitmap = Bitmap.createBitmap(480, 800, Bitmap.Config.ARGB_8888);    Canvas canvas = new Canvas(mCurPageBitmap);    paint = new Paint();    canvas.drawColor(Color.YELLOW);    canvas.drawBitmap(mCurPageBitmap, 0, 0, paint);    mNextPageBitmap = Bitmap        .createBitmap(480, 800, Bitmap.Config.ARGB_8888);    canvas = new Canvas(mNextPageBitmap);    canvas.drawColor(Color.GREEN);    canvas.drawBitmap(mNextPageBitmap, 0, 0, paint);    } /** *  Author :  hmg25     *  Version:  1.0      *  Description : 计算拖拽点对应的拖拽脚 */ 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.getAction() == MotionEvent.ACTION_UP) {       mCanvas.drawColor(0xFFAAAAAA);        mTouch.x = mCornerX;        mTouch.y = mCornerY; this.postInvalidate();    } // return super.onTouchEvent(event);  return true;    } /** *  Author :  Administrator     *  Version:  1.0      *  Description : 求解直线P1P2和直线P3P4的交点坐标 */ public PointF getCross(PointF P1, PointF P2, PointF P3, PointF P4) {    PointF CrossP = new PointF(); // 二元函数通式： y=ax+b  float a1 = (P2.y - P1.y) / (P2.x - P1.x); float b1 = ((P1.x * P2.y) - (P2.x * P1.y)) / (P1.x - P2.x); float a2 = (P4.y - P3.y) / (P4.x - P3.x); float b2 = ((P3.x * P4.y) - (P4.x * P3.y)) / (P3.x - P4.x);    CrossP.x = (b2 - b1) / (a1 - a2);    CrossP.y = a1 * CrossP.x + b1; return CrossP;    } private void calcPoints() {    mMiddleX = (mTouch.x + mCornerX) / 2;    mMiddleY = (mTouch.y + mCornerY) / 2;    mBezierControl1.x = mMiddleX - (mCornerY - mMiddleY)        * (mCornerY - mMiddleY) / (mCornerX - mMiddleX);    mBezierControl1.y = mCornerY;    mBezierControl2.x = mCornerX;    mBezierControl2.y = mMiddleY - (mCornerX - mMiddleX)        * (mCornerX - mMiddleX) / (mCornerY - mMiddleY);    Log.i("hmg", "mTouchX  " + mTouch.x + "  mTouchY  " + mTouch.y);    Log.i("hmg", "mBezierControl1.x  " + mBezierControl1.x        + "  mBezierControl1.y  " + mBezierControl1.y);    Log.i("hmg", "mBezierControl2.x  " + mBezierControl2.x        + "  mBezierControl2.y  " + mBezierControl2.y);    mBezierStart1.x = mBezierControl1.x - (mCornerX - mBezierControl1.x)        / 2;    mBezierStart1.y = mCornerY;    mBezierStart2.x = mCornerX;    mBezierStart2.y = mBezierControl2.y - (mCornerY - mBezierControl2.y)        / 2;    Log.i("hmg", "mBezierStart1.x  " + mBezierStart1.x        + "  mBezierStart1.y  " + mBezierStart1.y);    Log.i("hmg", "mBezierStart2.x  " + mBezierStart2.x        + "  mBezierStart2.y  " + mBezierStart2.y);    mTouchToCornerDis = (float) Math.hypot((mTouch.x - mCornerX),        (mTouch.y - mCornerY));    mBezierEnd1 = getCross(mTouch, mBezierControl1, mBezierStart1,        mBezierStart2);    mBezierEnd2 = getCross(mTouch, mBezierControl2, mBezierStart1,        mBezierStart2);    Log.i("hmg", "mBezierEnd1.x  " + mBezierEnd1.x + "  mBezierEnd1.y  "        + mBezierEnd1.y);    Log.i("hmg", "mBezierEnd2.x  " + mBezierEnd2.x + "  mBezierEnd2.y  "        + mBezierEnd2.y); /* * mBeziervertex1.x 推导     * ((mBezierStart1.x+mBezierEnd1.x)/2+mBezierControl1.x)/2 化简等价于     * (mBezierStart1.x+ 2*mBezierControl1.x+mBezierEnd1.x) / 4 */ mBeziervertex1.x = (mBezierStart1.x + 2 * mBezierControl1.x + mBezierEnd1.x) / 4;    mBeziervertex1.y = (2 * mBezierControl1.y + mBezierStart1.y + mBezierEnd1.y) / 4;    mBeziervertex2.x = (mBezierStart2.x + 2 * mBezierControl2.x + mBezierEnd2.x) / 4;    mBeziervertex2.y = (2 * mBezierControl2.y + mBezierStart2.y + mBezierEnd2.y) / 4;    Log.i("hmg", "mBeziervertex1.x  " + mBeziervertex1.x        + "  mBeziervertex1.y  " + mBeziervertex1.y);    Log.i("hmg", "mBeziervertex2.x  " + mBeziervertex2.x        + "  mBeziervertex2.y  " + mBeziervertex2.y);    } private void drawCurrentPageArea(Canvas canvas, Bitmap bitmap, Path path) {    mPath0.reset();    mPath0.moveTo(mBezierStart1.x, mBezierStart1.y);    mPath0.quadTo(mBezierControl1.x, mBezierControl1.y, mBezierEnd1.x,        mBezierEnd1.y);    mPath0.lineTo(mTouch.x, mTouch.y);    mPath0.lineTo(mBezierEnd2.x, mBezierEnd2.y);    mPath0.quadTo(mBezierControl2.x, mBezierControl2.y, mBezierStart2.x,        mBezierStart2.y);    mPath0.lineTo(mCornerX, mCornerY);    mPath0.close();    canvas.save();    canvas.clipPath(path, Region.Op.XOR);    canvas.drawBitmap(bitmap, 0, 0, null);    canvas.restore();    } private void drawNextPageAreaAndShadow(Canvas canvas, Bitmap bitmap) {    mPath1.reset();    mPath1.moveTo(mBezierStart1.x, mBezierStart1.y);    mPath1.lineTo(mBeziervertex1.x, mBeziervertex1.y);    mPath1.lineTo(mBeziervertex2.x, mBeziervertex2.y);    mPath1.lineTo(mBezierStart2.x, mBezierStart2.y);    mPath1.lineTo(mCornerX, mCornerY);    mPath1.close();    mDegrees = (float) Math.toDegrees(Math.atan2(mBezierControl1.x        - mCornerX, mBezierControl2.y - mCornerY)); float f5 = mTouchToCornerDis /4; int leftx; int rightx;    GradientDrawable  mBackShadowDrawable; if(mIsRTandLB)    {               leftx=(int)(mBezierStart1.x - 1);        rightx= (int)(mBezierStart1.x +mTouchToCornerDis /4+ 1);        mBackShadowDrawable=mBackShadowDrawableLR;    }else {                leftx=(int)(mBezierStart1.x - mTouchToCornerDis/4 - 1);            rightx= (int) mBezierStart1.x + 1;        mBackShadowDrawable=mBackShadowDrawableRL;    }    Log.i("hmg", "leftx  " + leftx        + "   rightx  " +  rightx);    canvas.save();    canvas.clipPath(mPath0);    canvas.clipPath(mPath1, Region.Op.INTERSECT);    canvas.drawBitmap(bitmap, 0, 0, null);    canvas.rotate(mDegrees, mBezierStart1.x, mBezierStart1.y);    mBackShadowDrawable.setBounds(leftx,        (int)mBezierStart1.y, rightx,        (int) (mMaxLength + mBezierStart1.y));    mBackShadowDrawable.draw(canvas);        canvas.restore();    } public void setBitmaps(Bitmap bm1, Bitmap bm2, Bitmap bm3) {    mCurPageBitmap = bm1;    mCurPageBackBitmap = bm2;    mNextPageBitmap = bm3;    }    @Override protected void onDraw(Canvas canvas) {    canvas.drawColor(0xFFAAAAAA);    calcPoints();    drawCurrentPageArea(mCanvas, mCurPageBitmap, mPath0);    drawNextPageAreaAndShadow(mCanvas, mNextPageBitmap);        drawCurrentPageShadow(mCanvas);    canvas.drawBitmap(mBitmap, 0, 0, mBitmapPaint);    } /** *  Author :  hmg25     *  Version:  1.0      *  Description : 创建阴影的GradientDrawable */ private void createDrawable() { int[] color = { 0x333333, 0xB0333333 };    mFolderShadowDrawableRL = new GradientDrawable(        GradientDrawable.Orientation.RIGHT_LEFT, color);    mFolderShadowDrawableRL        .setGradientType(GradientDrawable.LINEAR_GRADIENT);    mFolderShadowDrawableLR = new GradientDrawable(        GradientDrawable.Orientation.LEFT_RIGHT, color);    mFolderShadowDrawableLR.setGradientType(GradientDrawable.LINEAR_GRADIENT);    mBackShadowColors = new int[] { 0xFF111111, 0x111111 };    mBackShadowDrawableRL = new GradientDrawable(        GradientDrawable.Orientation.RIGHT_LEFT, mBackShadowColors);    mBackShadowDrawableRL.setGradientType(GradientDrawable.LINEAR_GRADIENT);    mBackShadowDrawableLR = new GradientDrawable(        GradientDrawable.Orientation.LEFT_RIGHT, mBackShadowColors);    mBackShadowDrawableLR.setGradientType(GradientDrawable.LINEAR_GRADIENT);    mFrontShadowColors = new int[] { 0x80888888, 0x888888 };    mFrontShadowDrawableVLR = new GradientDrawable(        GradientDrawable.Orientation.LEFT_RIGHT, mFrontShadowColors);    mFrontShadowDrawableVLR.setGradientType(GradientDrawable.LINEAR_GRADIENT);    mFrontShadowDrawableVRL = new GradientDrawable(        GradientDrawable.Orientation.RIGHT_LEFT, mFrontShadowColors);    mFrontShadowDrawableVRL.setGradientType(GradientDrawable.LINEAR_GRADIENT);    mFrontShadowDrawableHTB = new GradientDrawable(        GradientDrawable.Orientation.TOP_BOTTOM, mFrontShadowColors);    mFrontShadowDrawableHTB.setGradientType(GradientDrawable.LINEAR_GRADIENT);    mFrontShadowDrawableHBT = new GradientDrawable(        GradientDrawable.Orientation.BOTTOM_TOP, mFrontShadowColors);    mFrontShadowDrawableHBT.setGradientType(GradientDrawable.LINEAR_GRADIENT);    } public void drawCurrentPageShadow(Canvas canvas)    { //注：拖拽顶点的阴影，定位有问题，待修改~~  double d1 = Math.atan2(mBezierControl1.y - mTouch.y, mTouch.x-mBezierControl1.x); // double d3 =(float)Math.cos(d1) *  25*1.414f;  double d3 =(float) 25/Math.cos(d1) ; // float x = (float)(mTouch.x-d3); // float y = mTouch.y -(float)Math.sin(d1) * 25*1.414f;  float x = (float)(mTouch.x-d3); float y =(float)( mTouch.y -d3);          mPath1.reset();          mPath1.moveTo(x, y);          mPath1.lineTo(mTouch.x, mTouch.y);          mPath1.lineTo(mBezierControl1.x, mBezierControl1.y);          mPath1.lineTo(mBezierStart1.x, mBezierStart1.y);          mPath1.close(); float rotateDegrees;           canvas.save();                   canvas.clipPath(mPath0, Region.Op.XOR);         canvas.clipPath(mPath1,Region.Op.INTERSECT); int leftx; int rightx;            GradientDrawable  mCurrentPageShadow; if(mIsRTandLB)        {                   leftx=(int)(mBezierControl1.x);            rightx= (int)mBezierControl1.x+25;            mCurrentPageShadow=mFrontShadowDrawableVLR;        }else {                    leftx=(int)(mBezierControl1.x-25);                rightx= (int) mBezierControl1.x;            mCurrentPageShadow=mFrontShadowDrawableVRL;        }          rotateDegrees= (float)Math.toDegrees(Math.atan2(mTouch.x-mBezierControl1.x,mBezierControl1.y-mTouch.y));           canvas.rotate(rotateDegrees, mBezierControl1.x, mBezierControl1.y);                            mCurrentPageShadow.setBounds(leftx, (int)(mBezierControl1.y-500), rightx, (int)(mBezierControl1.y));                   mCurrentPageShadow.draw(canvas);          canvas.restore();                    mPath1.reset();          mPath1.moveTo(x, y);          mPath1.lineTo(mTouch.x, mTouch.y);          mPath1.lineTo(mBezierControl2.x, mBezierControl2.y);          mPath1.lineTo(mBezierStart2.x, mBezierStart2.y);          mPath1.close();          canvas.save();          canvas.clipPath(mPath0, Region.Op.XOR);          canvas.clipPath(mPath1,Region.Op.INTERSECT); if(mIsRTandLB)        {                 leftx=(int)(mBezierControl2.y);                rightx=(int)(mBezierControl2.y+25);            mCurrentPageShadow=mFrontShadowDrawableHTB;        }else {                    leftx=(int)(mBezierControl2.y-25);                rightx=(int)(mBezierControl2.y);            mCurrentPageShadow=mFrontShadowDrawableHBT;        }          rotateDegrees= (float)Math.toDegrees(Math.atan2(mBezierControl2.y-mTouch.y,mBezierControl2.x-mTouch.x));           canvas.rotate( rotateDegrees, mBezierControl2.x, mBezierControl2.y);          mCurrentPageShadow.setBounds((int)(mBezierControl2.x-500),leftx , (int)(mBezierControl2.x), rightx );                   mCurrentPageShadow.draw(canvas);          canvas.restore();    }   }

turntest:

package sf.hmg.turntest; import android.app.Activity; import android.os.Bundle; import android.view.Window; import android.view.WindowManager; public class turntest extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);        requestWindowFeature(Window.FEATURE_NO_TITLE);    getWindow().setFlags(        WindowManager.LayoutParams.FLAG_FULLSCREEN,        WindowManager.LayoutParams.FLAG_FULLSCREEN);         setContentView(new PageWidget(this));             }      }

实例1效果图:

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

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

实例2代码:

工程结构图:

MainActivity:

package com.xin.book; import java.util.ArrayList; import java.util.List; import android.app.Activity; import android.os.Bundle; import com.xin.book.view.BookAdapter; import com.xin.book.view.BookLayout; public class MainActivity extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);         BookLayout bk = new BookLayout(this);         List<String> str = new ArrayList<String>();         str.add("aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa");         str.add("bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb");         str.add("ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc");         str.add("ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd");         str.add("eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee");         str.add("fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff");         BookAdapter ba = new BookAdapter(this);         ba.addItem(str);         bk.setPageAdapter(ba);         setContentView(bk);    }}

BookAdapter:

package com.xin.book.view; import java.util.ArrayList; import java.util.List; import android.content.Context; import android.graphics.Color; import android.view.View; import android.view.ViewGroup.LayoutParams; import android.widget.FrameLayout; import android.widget.TextView; import com.xin.book.R; public class BookAdapter implements IAdapter{ private List<String> strList = new ArrayList<String>(); private Context mContext; public BookAdapter(Context context) { super(); this.mContext = context;    } public void addItem(List<String> list){        strList.addAll(list);    } public int getCount() { return strList.size();    } public String getItem(int position) { return strList.get(position);    } public long getItemId(int position) { return position;    } public View getView(int position) {        TextView textView = new TextView(mContext);        textView.setText(strList.get(position));        textView.setTextColor(Color.BLACK);        textView.setTextSize(32);        textView.setBackgroundColor(Color.WHITE);        textView.setBackgroundResource(R.drawable.ly);        textView.setPadding(10, 10, 10, 10);        textView.setLayoutParams(new FrameLayout.LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT)); return textView;    }}

BookLayout:

package com.xin.book.view; import java.util.Date; import android.content.Context; import android.graphics.Bitmap; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.LinearGradient; import android.graphics.Matrix; import android.graphics.Paint; import android.graphics.Path; import android.graphics.Point; import android.graphics.PorterDuffXfermode; import android.graphics.Shader; import android.graphics.PorterDuff.Mode; import android.os.Handler; import android.util.AttributeSet; import android.util.Log; import android.view.GestureDetector; import android.view.MotionEvent; import android.view.SurfaceHolder; import android.view.SurfaceView; import android.view.View; import android.view.GestureDetector.OnGestureListener; import android.widget.FrameLayout; import android.widget.LinearLayout; public class BookLayout extends FrameLayout { public static final String LOG_TAG = "HarHar"; private int totalPageNum; private Context mContext; private boolean hasInit = false; private final int defaultWidth = 600, defaultHeight = 400; private int contentWidth = 0; private int contentHeight = 0; private View currentPage,middlePage,nextPage,prevPage; private LinearLayout invisibleLayout; private LinearLayout mainLayout; private BookView mBookView; private Handler aniEndHandle; private static boolean closeBook = false; private Corner mSelectCorner; private final int clickCornerLen = 250 * 250; // 50dip  private float scrollX = 0, scrollY = 0; private int indexPage = 0; private BookState mState; private Point aniStartPos; private Point aniStopPos; private Date aniStartTime; private long aniTime = 800; private long timeOffset = 10; // private Listener mListener;  private BookAdapter mPageAdapter; private GestureDetector mGestureDetector; private BookOnGestureListener mGestureListener; public BookLayout(Context context) { super(context);        Init(context);    } public BookLayout(Context context, AttributeSet attrs) { super(context, attrs);        Init(context);    } public BookLayout(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle);        Init(context);    } public void setPageAdapter(BookAdapter pa) {        Log.d(LOG_TAG, "setPageAdapter");        mPageAdapter = pa;    } public void Init(Context context) {        Log.d(LOG_TAG, "Init");        totalPageNum = 0;        mContext = context;        mSelectCorner = Corner.None;        mGestureListener = new BookOnGestureListener();        mGestureDetector = new GestureDetector(mGestureListener);        mGestureDetector.setIsLongpressEnabled(false);        aniEndHandle = new Handler(); this.setOnTouchListener(touchListener); this.setLongClickable(true);    } protected void dispatchDraw(Canvas canvas) {        Log.d(LOG_TAG, "dispatchDraw"); super.dispatchDraw(canvas); if (!hasInit) {            hasInit = true;            indexPage = 0; if (mPageAdapter == null) { throw new RuntimeException("please set the PageAdapter on init");            }            totalPageNum = mPageAdapter.getCount();            mainLayout = new LinearLayout(mContext);            mainLayout.setLayoutParams(new LayoutParams(contentWidth, contentHeight));            mainLayout.setBackgroundColor(0xffffffff);            mState = BookState.READY;            invisibleLayout = new LinearLayout(mContext);            invisibleLayout.setLayoutParams(new LayoutParams(contentWidth, contentHeight)); this.addView(invisibleLayout); this.addView(mainLayout);            mBookView = new BookView(mContext);            mBookView.setLayoutParams(new LayoutParams(contentWidth, contentHeight)); this.addView(mBookView);            updatePageView();            invalidate();        } else if (mState == BookState.READY) {            mBookView.update();        }    } /** * 此方法做过修改，改成一页显示 */ public void updatePageView() {        Log.d(LOG_TAG, "updatePageView"); if (indexPage < 0 || indexPage > totalPageNum - 1) { return;        }        invisibleLayout.removeAllViews();        mainLayout.removeAllViews(); /*当前页*/ currentPage = mPageAdapter.getView(indexPage); if(currentPage == null){            currentPage = new WhiteView(mContext);        }        currentPage.setLayoutParams(new LayoutParams(contentWidth,contentHeight));        mainLayout.addView(currentPage); /*背景页*/ middlePage = new WhiteView(mContext);        middlePage.setLayoutParams(new LayoutParams(contentWidth,contentHeight));        invisibleLayout.addView(middlePage); /*前一页*/ prevPage = null; if(indexPage>0){            prevPage = mPageAdapter.getView(indexPage-1);        } if(prevPage==null){            prevPage = new WhiteView(mContext);        }        prevPage.setLayoutParams(new LayoutParams(contentWidth,contentHeight));        invisibleLayout.addView(prevPage); /*后一页*/ nextPage = null; if(indexPage<totalPageNum-1){            nextPage = mPageAdapter.getView(indexPage + 1);        } if(nextPage==null){            nextPage = new WhiteView(mContext);        }        nextPage.setLayoutParams(new LayoutParams(contentWidth,contentHeight));        invisibleLayout.addView(nextPage);                Log.d(LOG_TAG, "updatePageView finish");    }    OnTouchListener touchListener = new OnTouchListener() { public boolean onTouch(View v, MotionEvent event) {            Log.d(LOG_TAG, "onTouch " + " x: " + event.getX() + " y: " + event.getY() + " mState:" + mState);            mGestureDetector.onTouchEvent(event); int action = event.getAction(); if (action == MotionEvent.ACTION_UP && mSelectCorner != Corner.None && mState == BookState.TRACKING) { if (mState == BookState.ANIMATING) return false; if(mSelectCorner == Corner.LeftTop){ if(scrollX<contentWidth/2){                        aniStopPos = new Point(0,0);                    }else{                        aniStopPos = new Point(2*contentWidth,0);                    }                }else if(mSelectCorner == Corner.RightTop){ if(scrollX<contentWidth/2){                        aniStopPos = new Point(-contentWidth,0);                    }else{                        aniStopPos = new Point(contentWidth,0);                    }                }else if(mSelectCorner == Corner.LeftBottom){ if(scrollX<contentWidth/2){                        aniStopPos = new Point(0,contentHeight);                    }else{                        aniStopPos = new Point(2*contentWidth,contentHeight);                    }                }else if(mSelectCorner == Corner.RightBottom){ if(scrollX<contentWidth/2){                        aniStopPos = new Point(-contentWidth,contentHeight);                    }else{                        aniStopPos = new Point(contentWidth,contentHeight);                    }                }                aniStartPos = new Point((int) scrollX, (int) scrollY);                aniTime = 800;                mState = BookState.ABOUT_TO_ANIMATE;                closeBook = true;                aniStartTime = new Date();                mBookView.startAnimation();            } return false;        }    }; class BookOnGestureListener implements OnGestureListener { public boolean onDown(MotionEvent event) {            Log.d(LOG_TAG, "onDown"); if (mState == BookState.ANIMATING) return false; float x = event.getX(), y = event.getY(); int w = contentWidth, h = contentHeight; if (x * x + y * y < clickCornerLen) { if (indexPage > 0) {                    mSelectCorner = Corner.LeftTop;                    aniStartPos = new Point(0, 0);                }            } else if ((x - w) * (x - w) + y * y < clickCornerLen) { if (indexPage < totalPageNum - 1) {                    mSelectCorner = Corner.RightTop;                    aniStartPos = new Point(contentWidth, 0);                }            } else if (x * x + (y - h) * (y - h) < clickCornerLen) { if (indexPage > 0) {                    mSelectCorner = Corner.LeftBottom;                    aniStartPos = new Point(0, contentHeight);                }            } else if ((x - w) * (x - w) + (y - h) * (y - h) < clickCornerLen) { if (indexPage < totalPageNum - 1) {                    mSelectCorner = Corner.RightBottom;                    aniStartPos = new Point(contentWidth, contentHeight);                }            } if (mSelectCorner != Corner.None) {                aniStopPos = new Point((int) x, (int) y);                aniTime = 800;                mState = BookState.ABOUT_TO_ANIMATE;                closeBook = false;                aniStartTime = new Date();                mBookView.startAnimation();            } return false;        } public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {            Log.d(LOG_TAG, "onFling velocityX:" + velocityX + " velocityY:" + velocityY); if (mSelectCorner != Corner.None) { if (mSelectCorner == Corner.LeftTop) { if (velocityX < 0) {                        aniStopPos = new Point(0, 0);                    } else {                        aniStopPos = new Point(2*contentWidth, 0);                    }                }else if( mSelectCorner == Corner.RightTop){ if (velocityX < 0) {                        aniStopPos = new Point(-contentWidth, 0);                    } else {                        aniStopPos = new Point(contentWidth, 0);                    }                }else if (mSelectCorner == Corner.LeftBottom ) { if (velocityX < 0) {                        aniStopPos = new Point(0, contentHeight);                    } else {                        aniStopPos = new Point(2*contentWidth, contentHeight);                    }                }else if( mSelectCorner == Corner.RightBottom){ if (velocityX < 0) {                        aniStopPos = new Point(-contentWidth, contentHeight);                    } else {                        aniStopPos = new Point(contentWidth, contentHeight);                    }                }                Log.d(LOG_TAG, "onFling animate");                aniStartPos = new Point((int) scrollX, (int) scrollY);                aniTime = 1000;                mState = BookState.ABOUT_TO_ANIMATE;                closeBook = true;                aniStartTime = new Date();                mBookView.startAnimation();            } return false;        } public void onLongPress(MotionEvent e) {            Log.d(LOG_TAG, "onLongPress");        } public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {            mState = BookState.TRACKING; if (mSelectCorner != Corner.None) {                scrollX = e2.getX();                scrollY = e2.getY();                mBookView.startAnimation();            } return false;        } public void onShowPress(MotionEvent e) {            Log.d(LOG_TAG, "onShowPress");        } public boolean onSingleTapUp(MotionEvent e) {            Log.d(LOG_TAG, "onSingleTapUp"); if (mSelectCorner != Corner.None) { if (mSelectCorner == Corner.LeftTop) { if (scrollX < contentWidth / 2) {                        aniStopPos = new Point(0, 0);                    } else {                        aniStopPos = new Point(2*contentWidth, 0);                    }                } else if(mSelectCorner == Corner.RightTop){ if (scrollX < contentWidth / 2) {                        aniStopPos = new Point(-contentWidth, 0);                    } else {                        aniStopPos = new Point(contentWidth, 0);                    }                }else if (mSelectCorner == Corner.LeftBottom) { if (scrollX < contentWidth / 2) {                        aniStopPos = new Point(0, contentHeight);                    } else {                        aniStopPos = new Point(2*contentWidth, contentHeight);                    }                }else if(mSelectCorner == Corner.RightBottom){ if (scrollX < contentWidth / 2) {                        aniStopPos = new Point(-contentWidth, contentHeight);                    } else {                        aniStopPos = new Point(contentWidth, contentHeight);                    }                }                aniStartPos = new Point((int) scrollX, (int) scrollY);                aniTime = 800;                mState = BookState.ABOUT_TO_ANIMATE;                closeBook = true;                aniStartTime = new Date();                mBookView.startAnimation();            } return false;        }    } protected void onFinishInflate() {        Log.d(LOG_TAG, "onFinishInflate"); super.onFinishInflate();    } protected void onLayout(boolean changed, int l, int t, int r, int b) { super.onLayout(changed, l, t, r, b);        contentWidth = this.getWidth();        contentHeight = this.getHeight(); if (contentWidth == 0)            contentWidth = defaultWidth; if (contentHeight == 0)            contentHeight = defaultHeight;        Log.d(LOG_TAG, "onLayout, width:" + contentWidth + " height:" + contentHeight);    } class BookView extends SurfaceView implements SurfaceHolder.Callback {        DrawThread dt;        SurfaceHolder surfaceHolder;        Paint mDarkPaint = new Paint();        Paint mPaint = new Paint();        Bitmap tmpBmp = Bitmap.createBitmap(contentWidth, contentHeight, Bitmap.Config.ARGB_8888);        Canvas mCanvas = new Canvas(tmpBmp);        Paint bmpPaint = new Paint();        Paint ivisiblePaint = new Paint(); public BookView(Context context) { super(context);            surfaceHolder = getHolder();            surfaceHolder.addCallback(this);            mDarkPaint.setColor(0x88000000);            Shader mLinearGradient = new LinearGradient(0, 0, contentWidth, 0, new int[] { 0x00000000, 0x33000000,                    0x00000000 }, new float[] { 0.35f, 0.5f, 0.65f }, Shader.TileMode.MIRROR);            mPaint.setAntiAlias(true);            mPaint.setShader(mLinearGradient);            bmpPaint.setFilterBitmap(true);            bmpPaint.setAntiAlias(true);            ivisiblePaint.setAlpha(0);            ivisiblePaint.setFilterBitmap(true);            ivisiblePaint.setAntiAlias(true);            ivisiblePaint.setXfermode(new PorterDuffXfermode(Mode.DST_IN));        } public void startAnimation() { if (dt == null) {                Log.d(LOG_TAG, "startAnimation");                dt = new DrawThread(this, getHolder());                dt.start();            }        } public void stopAnimation() {            Log.d(LOG_TAG, "stopAnimation"); if (dt != null) {                dt.flag = false;                Thread t = dt;                dt = null;                t.interrupt();            }        } public void drawLT(Canvas canvas) { double dx = contentWidth - scrollX, dy = scrollY; double len = Math.sqrt(dx * dx + dy * dy); if (len > contentWidth) {                scrollX = (float)(contentWidth - contentWidth*dx/len);                scrollY = (float)(contentWidth*dy/len);            } double px = scrollX; double py = scrollY; double arc = 2 * Math.atan(py / px) * 180 / Math.PI;            Matrix m = new Matrix();            m.postTranslate(scrollX - contentWidth, scrollY);            m.postRotate((float) (arc), scrollX, scrollY);            middlePage.draw(mCanvas);            Paint ps = new Paint();            Shader lg1 = new LinearGradient(contentWidth , 0, contentWidth - (float) px, (float) py, new int[] {                    0x00000000, 0x33000000, 0x00000000 }, new float[] { 0.35f, 0.5f, 0.65f }, Shader.TileMode.CLAMP);            ps.setShader(lg1);            mCanvas.drawRect(0, 0, contentWidth , contentHeight, ps);            canvas.drawBitmap(tmpBmp, m, bmpPaint);            prevPage.draw(mCanvas);            Shader lg2 = new LinearGradient(scrollX, scrollY, 0, 0, new int[] { 0x00000000, 0x33000000, 0x00000000 }, new float[] { 0.35f, 0.5f, 0.65f }, Shader.TileMode.CLAMP);            ps.setShader(lg2);            mCanvas.drawRect(0, 0, contentWidth , contentHeight, ps);            arc = arc * Math.PI / 360;            Path path = new Path(); double r = Math.sqrt(px * px + py * py); double p1 = r / (2 * Math.cos(arc)); double p2 = r / (2 * Math.sin(arc));            Log.d(LOG_TAG, "p1: " + p1 + " p2:" + p2); if (arc == 0) {                path.moveTo((float) p1, 0);                path.lineTo(contentWidth , 0);                path.lineTo(contentWidth , contentHeight);                path.lineTo((float) p1, contentHeight);                path.close();            } else if (p2 > contentHeight || p2 < 0) { double p3 = (p2 - contentHeight) * Math.tan(arc);                path.moveTo((float) p1, 0);                path.lineTo(contentWidth , 0);                path.lineTo(contentWidth , contentHeight);                path.lineTo((float) p3, contentHeight);                path.close();            } else {                path.moveTo((float) p1, 0);                path.lineTo(contentWidth , 0);                path.lineTo(contentWidth , contentHeight);                path.lineTo(0, contentHeight);                path.lineTo(0, (float) p2);                path.close();            }            mCanvas.drawPath(path, ivisiblePaint);            canvas.drawBitmap(tmpBmp, 0, 0, null);        } public void drawLB(Canvas canvas) { double dx = contentWidth - scrollX, dy = contentHeight-scrollY; double len = Math.sqrt(dx * dx + dy * dy); if (len > contentWidth ) {                scrollX = (float) (contentWidth-contentWidth * dx /len);                scrollY = (float) (contentHeight-contentWidth * dy / len);            } double px = scrollX; double py = contentHeight - scrollY; double arc = 2 * Math.atan(py / px) * 180 / Math.PI;            Matrix m = new Matrix();            m.postTranslate(scrollX - contentWidth , scrollY - contentHeight);            m.postRotate((float) (-arc), scrollX, scrollY);            middlePage.draw(mCanvas);            Paint ps = new Paint();            Shader lg1 = new LinearGradient(contentWidth , contentHeight, contentWidth  - (float) px,                    contentHeight - (float) py, new int[] { 0x00000000, 0x33000000, 0x00000000 }, new float[] { 0.35f,                            0.5f, 0.65f }, Shader.TileMode.CLAMP);            ps.setShader(lg1);            mCanvas.drawRect(0, 0, contentWidth, contentHeight, ps);            canvas.drawBitmap(tmpBmp, m, bmpPaint);            prevPage.draw(mCanvas);            Shader lg2 = new LinearGradient(scrollX, scrollY, 0, contentHeight, new int[] { 0x00000000, 0x33000000,                    0x00000000 }, new float[] { 0.35f, 0.5f, 0.65f }, Shader.TileMode.CLAMP);            ps.setShader(lg2);            mCanvas.drawRect(0, 0, contentWidth, contentHeight, ps);            arc = arc * Math.PI / 360;            Path path = new Path(); double r = Math.sqrt(px * px + py * py); double p1 = r / (2 * Math.cos(arc)); double p2 = r / (2 * Math.sin(arc));            Log.d(LOG_TAG, "p1: " + p1 + " p2:" + p2); if (arc == 0) {                path.moveTo((float) p1, 0);                path.lineTo(contentWidth , 0);                path.lineTo(contentWidth , contentHeight);                path.lineTo((float) p1, contentHeight);                path.close();            } else if (p2 > contentHeight || p2 < 0) { double p3 = (p2 - contentHeight) * Math.tan(arc);                path.moveTo((float) p3, 0);                path.lineTo(contentWidth , 0);                path.lineTo(contentWidth , contentHeight);                path.lineTo((float) p1, contentHeight);                path.close();            } else {                path.moveTo(0, 0);                path.lineTo(contentWidth , 0);                path.lineTo(contentWidth , contentHeight);                path.lineTo((float) p1, contentHeight);                path.lineTo(0, contentHeight - (float) p2);                path.close();            }            mCanvas.drawPath(path, ivisiblePaint);            canvas.drawBitmap(tmpBmp, 0, 0, null);        } public void drawRT(Canvas canvas) { double dx = scrollX , dy = scrollY; double len = Math.sqrt(dx * dx + dy * dy); if (len > contentWidth) {                scrollX = (float) (contentWidth * dx /len);                scrollY = (float) (contentWidth * dy / len);            } double px = contentWidth - scrollX; double py = scrollY; double arc = 2 * Math.atan(py / px) * 180 / Math.PI;            Matrix m = new Matrix();            m.postTranslate(scrollX, scrollY);            m.postRotate((float) (-arc), scrollX, scrollY);            middlePage.draw(mCanvas);            Paint ps = new Paint();            Shader lg1 = new LinearGradient(0, 0, (float) px, (float) py, new int[] { 0x00000000, 0x33000000,                    0x00000000 }, new float[] { 0.35f, 0.5f, 0.65f }, Shader.TileMode.CLAMP);            ps.setShader(lg1);            mCanvas.drawRect(0, 0, contentWidth, contentHeight, ps);            canvas.drawBitmap(tmpBmp, m, bmpPaint);            nextPage.draw(mCanvas);            Shader lg2 = new LinearGradient(scrollX - contentWidth, scrollY, contentWidth, 0, new int[] {                    0x00000000, 0x33000000, 0x00000000 }, new float[] { 0.35f, 0.5f, 0.65f }, Shader.TileMode.CLAMP);            ps.setShader(lg2);            mCanvas.drawRect(0, 0, contentWidth, contentHeight, ps);            arc = arc * Math.PI / 360;            Path path = new Path(); double r = Math.sqrt(px * px + py * py); double p1 = contentWidth - r / (2 * Math.cos(arc)); double p2 = r / (2 * Math.sin(arc));            Log.d(LOG_TAG, "p1: " + p1 + " p2:" + p2); if (arc == 0) {                path.moveTo(0, 0);                path.lineTo((float) p1, 0);                path.lineTo((float) p1, contentHeight);                path.lineTo(0, contentHeight);                path.close();            } else if (p2 > contentHeight || p2 < 0) { double p3 = contentWidth  - (p2 - contentHeight) * Math.tan(arc);                path.moveTo(0, 0);                path.lineTo((float) p1, 0);                path.lineTo((float) p3, contentHeight);                path.lineTo(0, contentHeight);                path.close();            } else {                path.moveTo(0, 0);                path.lineTo((float) p1, 0);                path.lineTo(contentWidth , (float) p2);                path.lineTo(contentWidth , contentHeight);                path.lineTo(0, contentHeight);                path.close();            }            mCanvas.drawPath(path, ivisiblePaint);            canvas.drawBitmap(tmpBmp, 0 , 0, null);        } public void drawRB(Canvas canvas) { double dx = scrollX , dy = contentHeight - scrollY; double len = Math.sqrt(dx * dx + dy * dy); if (len > contentWidth ) {                scrollX = (float) (contentWidth * dx /len);                scrollY = (float) (contentHeight-contentWidth * dy / len);            } double px = contentWidth - scrollX; double py = contentHeight - scrollY; double arc = 2 * Math.atan(py / px) * 180 / Math.PI;            Matrix m = new Matrix();            m.postTranslate(scrollX, scrollY - contentHeight);            m.postRotate((float) (arc), scrollX, scrollY);            middlePage.draw(mCanvas);            Paint ps = new Paint();            Shader lg1 = new LinearGradient(0, contentHeight, (float) px, contentHeight - (float) py, new int[] {                    0x00000000, 0x33000000, 0x00000000 }, new float[] { 0.35f, 0.5f, 0.65f }, Shader.TileMode.CLAMP);            ps.setShader(lg1);            mCanvas.drawRect(0, 0, contentWidth , contentHeight, ps);            canvas.drawBitmap(tmpBmp, m, bmpPaint);            nextPage.draw(mCanvas);            Shader lg2 = new LinearGradient(scrollX - contentWidth , scrollY, contentWidth , contentHeight, new int[] { 0x00000000, 0x33000000, 0x00000000 }, new float[] { 0.35f, 0.5f, 0.65f },                    Shader.TileMode.CLAMP);            ps.setShader(lg2);            mCanvas.drawRect(0, 0, contentWidth , contentHeight, ps);            arc = arc * Math.PI / 360;            Path path = new Path(); double r = Math.sqrt(px * px + py * py); double p1 = contentWidth  - r / (2 * Math.cos(arc)); double p2 = r / (2 * Math.sin(arc));            Log.d(LOG_TAG, "p1: " + p1 + " p2:" + p2); if (arc == 0) {                path.moveTo(0, 0);                path.lineTo((float) p1, 0);                path.lineTo((float) p1, contentHeight);                path.lineTo(0, contentHeight);                path.close();            } else if (p2 > contentHeight || p2 < 0) { double p3 = contentWidth  - (p2 - contentHeight) * Math.tan(arc);                path.moveTo(0, 0);                path.lineTo((float) p3, 0);                path.lineTo((float) p1, contentHeight);                path.lineTo(0, contentHeight);                path.close();            } else {                path.moveTo(0, 0);                path.lineTo(contentWidth , 0);                path.lineTo(contentWidth , contentHeight - (float) p2);                path.lineTo((float) p1, contentHeight);                path.lineTo(0, contentHeight);                path.close();            }            mCanvas.drawPath(path, ivisiblePaint);            canvas.drawBitmap(tmpBmp, 0 , 0, null);        } public void drawPrevPageEnd(Canvas canvas) {            prevPage.draw(mCanvas);            canvas.drawBitmap(tmpBmp, 0, 0, null);        } public void drawNextPageEnd(Canvas canvas) {            nextPage.draw(mCanvas);            canvas.drawBitmap(tmpBmp, contentWidth, 0, null);        } public void drawPage(Canvas canvas) { if (mSelectCorner == Corner.LeftTop) {                Log.d(LOG_TAG, "click left top");                drawLT(canvas);            } else if (mSelectCorner == Corner.LeftBottom) {                Log.d(LOG_TAG, "click left bottom");                drawLB(canvas);            } else if (mSelectCorner == Corner.RightTop) {                Log.d(LOG_TAG, "click right top");                drawRT(canvas);            } else if (mSelectCorner == Corner.RightBottom) {                Log.d(LOG_TAG, "click right bottom");                drawRB(canvas);            }        } public void update() {            Canvas canvas = surfaceHolder.lockCanvas(null); try { synchronized (surfaceHolder) {                    doDraw(canvas);                 }            } catch (Exception e) {                e.printStackTrace();             } finally { if (canvas != null) {                     surfaceHolder.unlockCanvasAndPost(canvas);                }            }        } protected void doDraw(Canvas canvas) {            Log.d(LOG_TAG, "bookView doDraw");            mainLayout.draw(canvas);        } public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {        } public void surfaceCreated(SurfaceHolder holder) {            update();        } public void surfaceDestroyed(SurfaceHolder holder) { if (dt != null) {                dt.flag = false;                 dt = null;             }        }    } public boolean getAnimateData() {        Log.d(LOG_TAG, "getAnimateData"); long time = aniTime;        Date date = new Date(); long t = date.getTime() - aniStartTime.getTime();        t += timeOffset; if (t < 0 || t > time) {            mState = BookState.ANIMATE_END; return false;        } else {            mState = BookState.ANIMATING; double sx = aniStopPos.x - aniStartPos.x;            scrollX =(float)(sx*t/time+aniStartPos.x); double sy = aniStopPos.y-aniStartPos.y;            scrollY = (float)(sy*t/time+aniStartPos.y); return true;        }    } public void handleAniEnd(Canvas canvas) {        Log.d(LOG_TAG, "handleAniEnd"); if (closeBook) {            closeBook = false; if (mSelectCorner == Corner.LeftTop || mSelectCorner == Corner.LeftBottom) { if (scrollX > contentWidth / 2) {                    indexPage -= 1;                    mBookView.drawPrevPageEnd(canvas);                    aniEndHandle.post(new Runnable() { public void run() {                            updatePageView();                        }                    });                } else {                    mBookView.doDraw(canvas);                }            } else if (mSelectCorner == Corner.RightTop || mSelectCorner == Corner.RightBottom) { if (scrollX < contentWidth / 2) {                    indexPage += 1;                    mBookView.drawNextPageEnd(canvas);                    aniEndHandle.post(new Runnable() { public void run() {                            updatePageView();                        }                    });                } else {                    mBookView.doDraw(canvas);                }            }            mSelectCorner = Corner.None;            mState = BookState.READY;        } else {            mState = BookState.TRACKING;        }        mBookView.stopAnimation(); // aniEndHandle.post(new Runnable() { // public void run() { //// BookLayout.this.invalidate(); // } // });  } class WhiteView extends View { public WhiteView(Context context) { super(context);        } protected void onDraw(Canvas canvas) { super.onDraw(canvas);            canvas.drawColor(Color.WHITE);        }    } public class DrawThread extends Thread {        BookView bv;         SurfaceHolder surfaceHolder; boolean flag = false; int sleepSpan = 30; public DrawThread(BookView bv, SurfaceHolder surfaceHolder) { this.bv = bv; this.surfaceHolder = surfaceHolder; this.flag = true;         } public void run() {            Canvas canvas = null; while (flag) { try {                    canvas = surfaceHolder.lockCanvas(null); if (canvas == null) continue; synchronized (surfaceHolder) { if (mState == BookState.ABOUT_TO_ANIMATE || mState == BookState.ANIMATING) {                            bv.doDraw(canvas);                            getAnimateData();                            bv.drawPage(canvas);                        } else if (mState == BookState.TRACKING) {                            bv.doDraw(canvas);                            bv.drawPage(canvas);                        } else if (mState == BookState.ANIMATE_END) {                            handleAniEnd(canvas);                        }                    }                } catch (Exception e) {                    e.printStackTrace();                 } finally { if (canvas != null) {                        surfaceHolder.unlockCanvasAndPost(canvas);                    }                } try {                    Thread.sleep(sleepSpan);                 } catch (Exception e) {                    e.printStackTrace();                 }            }        }    }}

BookState:

package com.xin.book.view; public enum BookState {    ABOUT_TO_ANIMATE, ANIMATING, ANIMATE_END, READY, TRACKING}

Corner:

package com.xin.book.view; public enum Corner {    LeftTop, RightTop, LeftBottom, RightBottom, None}

IAdapter:

package com.xin.book.view; import android.view.View; public interface IAdapter { public int getCount(); public String getItem(int position); public long getItemId(int position); public View getView(int position);}

IBook:

package com.xin.book.view; import android.view.View; public interface IBook { public View getView(int position); public int getCount();}

IListener:

package com.xin.book.view; public interface IListener { public void onPrevPage(); public void onNextPage(); public void onInit();}

实例2效果图:

原文地址：http://www.cnblogs.com/hanyonglu/archive/2012/02/13/2348585.html