Android自定义View——从零开始实现书籍翻页效果

private void init(Context context, @Nullable AttributeSet attrs){
//省略部分代码…
pathBPaint = new Paint();
pathBPaint.setColor(getResources().getColor(R.color.blue_light));
pathBPaint.setAntiAlias(true);//设置抗锯齿
pathBPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_ATOP));

pathB = new Path();
}

@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
//省略部分代码…
bitmap = Bitmap.createBitmap((int) viewWidth, (int) viewHeight, Bitmap.Config.ARGB_8888);
bitmapCanvas = new Canvas(bitmap);
bitmapCanvas.drawPath(getPathAFromLowerRight(),pathAPaint);
bitmapCanvas.drawPath(getPathC(),pathCPaint);
bitmapCanvas.drawPath(getPathB(),pathBPaint);
canvas.drawBitmap(bitmap,0,0,null);
}

/**

• 绘制区域B
• @return
  */
  private Path getPathB(){
  pathB.reset();
  pathB.lineTo(0, viewHeight);//移动到左下角
  pathB.lineTo(viewWidth,viewHeight);//移动到右下角
  pathB.lineTo(viewWidth,0);//移动到右上角
  pathB.close();//闭合区域
  return pathB;
  }

效果如图

翻页可以从右下方翻自然也可以从右上方翻，我们将f点设在右上角，由于View上下两部分是呈镜像的，所以各标识点的位置也应该是镜像对应的，因为区域B和C的绘制与f点没有关系，所以我们只需要修改区域A的绘制逻辑，新增getPathAFromTopRight方法

public class BookPageView extends View {
//省略部分代码…
private void init(Context context, @Nullable AttributeSet attrs){
a = new MyPoint(400,200);
f = new MyPoint(viewWidth,0);
}

@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
//省略部分代码…
bitmap = Bitmap.createBitmap((int) viewWidth, (int) viewHeight, Bitmap.Config.ARGB_8888);
bitmapCanvas = new Canvas(bitmap);
// bitmapCanvas.drawPath(getPathAFromLowerRight(),pathAPaint);
bitmapCanvas.drawPath(getPathAFromTopRight(),pathAPaint);
bitmapCanvas.drawPath(getPathC(),pathCPaint);
bitmapCanvas.drawPath(getPathB(),pathBPaint);
}

/**

• 获取f点在右上角的pathA
• @return
  */
  private Path getPathAFromTopRight(){
  pathA.reset();
  pathA.lineTo(c.x,c.y);//移动到c点
  pathA.quadTo(e.x,e.y,b.x,