除了常用的画笔属性,比如普通的画笔(Paint),带边框、填充的style,颜色(Color),宽度(StrokeWidth),抗锯齿(ANTI_ALIAS_FLAG)等,Android还提供了各种各样专业的画笔工具,如记号笔、毛笔、蜡笔等,使用它们可以实现更加丰富的效果。
一、porterDuffXfermode:
先看一张非常经典的图,出自API Demo,基本上所有讲porterDuffXfermode的文章都会使用这张图片做说明。
图中列举了16种PorterDuffXfermode,有点像数学中集合的交集、并集这样的概念,它控制的是两个图像间的混合显示模式。
PorterDuffXfermode设置的是两个图层交集区域的显示方式,dst是先画的图形,而src是后画的图形。
这些模式也不是经常使用,用的最多的是,使用一张图片作为另一张图片的遮罩层,通过控制遮罩层的图形,来控制下面被遮罩图形的显示效果。其中最常用的就是通过DST_IN、SRC_IN模式来实现将一个矩形图片变成圆角图片或者圆形图片的效果。
简单示例(圆角图片):界面代码省略(就是一个ImageView组件)...
思路:先用普通画笔画一个圆角矩形(专业一点就叫Mask遮罩层),再用带PorterDuffXfermode的画笔将图像画在圆角矩形上。
package com.example.androidpaint;
import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.RectF;
import android.os.Bundle;
import android.widget.ImageView;
public class SimpleCircleImageActivity extends Activity {
private ImageView imageView;
private Bitmap bitmap;
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.simplecircleimage);
imageView = (ImageView) findViewById(R.id.imageView);
imageView.setImageBitmap(getBitmap());
}
private Bitmap getBitmap(){
bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.we);
Bitmap out = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Config.ARGB_8888);
Canvas canvas = new Canvas(out);
Paint paint = new Paint();
RectF rect = new RectF(0, 0, bitmap.getWidth(), bitmap.getHeight());
canvas.drawRoundRect(rect, 80, 80, paint);
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
canvas.drawBitmap(bitmap, 0, 0, paint);
return out;
}
}
效果图:
刮刮卡效果:
思路:先使用普通画笔绘制一个图片,再绘制一个同样大小的灰色在图片上,使用Path保存手指划过的路径,使用带PorterDuffXfermode的画笔画出路径并设置画笔透明度为0.<