Shader画笔填充

原图



先看一个例子

package com.example.androidtest;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PorterDuff.Mode;
import android.graphics.PorterDuffXfermode;
import android.graphics.Shader.TileMode;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.ColorDrawable;
import android.graphics.drawable.Drawable;
import android.graphics.Bitmap.Config;
import android.graphics.BitmapFactory;
import android.graphics.BitmapShader;
import android.util.AttributeSet;
import android.widget.ImageView;

public class CircleView2 extends ImageView {

public CircleView2(Context context) {
super(context);
}

public CircleView2(Context context, AttributeSet attrs) {
super(context, attrs);
}

public CircleView2(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}

/**
* 布局预览时会调用该方法
*/
@Override
public void setImageDrawable(Drawable drawable) {
//得到布局中资源图片的Bitmap
Bitmap bmp=getBitmapFromDrawable(drawable);

//创建5倍大小的Bitmap，用于在上面绘图 ，注意，一定要大于原始图片，否则看不到效果！把原图片铺在该图片上
Bitmap bitmap1=Bitmap.createBitmap(bmp.getWidth()*5,bmp.getHeight()*5,Config.ARGB_8888);

/*
* 创建Shader，第一个参数bmp相当于画笔的颜料，或者说是素材。 第二个参数是x方向如何显示，第三个参数是y方向如何显示
*
* TileMode.CLAMP : 用边界像素填充（该例中把图片右侧边界像素水平拉伸，底部边界像素竖直拉伸）
*
*
* TileMode.MIRROR ： 镜像，即左右对称，上下对称
*
* TileMode.REPEAT ： 重复
*/
BitmapShader shader=new BitmapShader(bmp, TileMode.CLAMP,TileMode.CLAMP);
Paint paint=new Paint();

//为画笔添加“颜料”
paint.setShader(shader);
//避免边界毛边
paint.setAntiAlias(true);
//在bitmap1 上画画， Canvas可以看做是手
Canvas canvas=new Canvas(bitmap1);
// canvas.drawCircle(bitmap1.getWidth()/2 , bitmap1.getHeight()/2, bitmap1.getWidth()/2, paint);
//用paint画笔画一个矩形，注意宽高是bitmap1的宽高！！
canvas.drawRect(0,0,bitmap1.getWidth() , bitmap1.getHeight(), paint);
super.setImageDrawable(new BitmapDrawable(bitmap1));
}
//

/**
* 获取Drawable对应的Bitmap
* @param drawable
* @return
*/
private Bitmap getBitmapFromDrawable(Drawable drawable) {
if (drawable == null) {
return null;
}
if (drawable instanceof BitmapDrawable) {
return ((BitmapDrawable) drawable).getBitmap();
}
try {
Bitmap bitmap;

if (drawable instanceof ColorDrawable) {
bitmap = Bitmap.createBitmap(1, 1, Config.ARGB_8888);
} else {
bitmap = Bitmap.createBitmap(drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight(),
Config.ARGB_8888);
}

Canvas canvas = new Canvas(bitmap);
drawable.setBounds(0, 0, canvas.getWidth(), canvas.getHeight());
drawable.draw(canvas);
return bitmap;
} catch (OutOfMemoryError e) {
return null;
}
}
}


布局
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#888"
android:orientation="vertical" >

<com.example.androidtest.CircleView2
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#c00"
android:src="@drawable/icc" />

</LinearLayout>

再看一下IDE预览效果



看到图片周围水平，竖直方向的紫色和红色，绿色蓝色线条没，这就是使用CLAMP填充的效果，图片的边界已经被拉伸了。

下面再看一下其他效果

BitmapShader shader=new BitmapShader(bmp, TileMode.REPEAT,TileMode.CLAMP);




横向重复，纵向镜像

BitmapShader shader=new BitmapShader(bmp, TileMode.REPEAT,TileMode.MIRROR);



横竖镜像

BitmapShader shader=new BitmapShader(bmp, TileMode.MIRROR,TileMode.MIRROR);




当然你也可以画出任意形状，比如画出圆形。 把上面代码中的  drawRect 换成  drawCircle  就可以了

canvas.drawCircle(bitmap1.getWidth()/2 , bitmap1.getHeight()/2, bitmap1.getWidth()/2, paint);
//用paint画笔画一个矩形，注意宽高是bitmap1的宽高！！
// canvas.drawRect(0,0,bitmap1.getWidth() , bitmap1.getHeight(), paint);
效果图