@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
int screenWidth = getResources().getDisplayMetrics().widthPixels;
int screenHeight = getResources().getDisplayMetrics().heightPixels;
// 首先在四个圆形的圆心附近花了四个“Android”
canvas.drawText("Android", 200, 200, textPaint);
canvas.drawText("Android", 400, 200, textPaint);
canvas.drawText("Android", 200, 400, textPaint);
canvas.drawText("Android", 400, 400, textPaint);
// 画第一个圆,由于是不透明的,文字会被遮挡
canvas.drawCircle(200, 200, 100, paint);
// 添加一个透明的图层Layer
// rect 参数定义了Layer的范围
RectF rect = new RectF(0, 0, screenWidth, screenHeight);
// canvas.saveLayer(rect, paint, Canvas.FULL_COLOR_LAYER_SAVE_FLAG);
canvas.saveLayerAlpha(rect, 100, Canvas.FULL_COLOR_LAYER_SAVE_FLAG);
paint.setColor(Color.GREEN);
// 画第二个圆,由于圆形透明,文字依稀可见
canvas.drawCircle(400, 200, 100, paint);
//
canvas.restore();
paint.setColor(Color.BLUE);
canvas.drawCircle(200, 400, 100, paint);
canvas.save();
// 添加一个透明的图层Layer
RectF rect1 = new RectF(0, 0, screenWidth, screenHeight);
// canvas.saveLayer(rect, paint, Canvas.FULL_COLOR_LAYER_SAVE_FLAG);
canvas.saveLayerAlpha(rect1, 100, Canvas.FULL_COLOR_LAYER_SAVE_FLAG);
paint.setColor(Color.RED);
canvas.drawCircle(400, 400, 100, paint);
}
执行的效果图:可以看出,左边连个的圆直接绘制在Canvas上的,底下的文本被覆盖了(超出圆范围部分可见),右边的圆是绘制在透明的Layer上的,底部的文字依稀可见。