Android BitmapShader 实现圆角图形，或圆图

今天我们要用ImageView的继承类来实现这个效果，依然属于自定义范畴！

既然是自定义，那我们就来复习一下自定义的基本步骤吧：

1，自定义属性

2，在构造方法中获取自定义属性值

3，重写onMeasure方法，调整布局

4，重写onDraw方法绘图。

首先我们先看一下效果图吧，如果觉得效果图很臭，那就没有看下去的必要了！



到了这里，我就不废话了！开始附上我的代码了！

一，自定义属性，

1，type属性，来判断图片是圆角图，还是原图（即是第一个图的样式，还是第二个图的样式），type的值我用了枚举类型

2，bitmapRadius，如果是圆角，则圆角半径的值

<?xml version="1.0" encoding="utf-8"?>
<resources>

<attr name="borderRadius" format="dimension" />
<attr name="type">
<enum name="circle" value="0" />
<enum name="round" value="1" />
</attr>

<declare-styleable name="RoundImageView">
<attr name="borderRadius" />
<attr name="type" />
</declare-styleable>

</resources>

二，在构造方法中拿到属性的值，并初始化矩阵对象了mMatrix，和画笔对象mPaint

private int type;// 自定义图片的类型 0,为圆角形，1，为圆形
private static final int TYPE_ROUND = 0;
private static final int TYPE_CIRCLE = 1;

private int bitmapRadius;// 圆角的半径
private static final int RADIUS_DEFAULT = 10;

private int radius;//圆的半径

private Paint mPaint;// 画笔对象

private BitmapShader mShader;// 图形控制

private Matrix mMatrix;//矩阵对象用于缩放图片

//view的大小
private int mWidth;
private RectF mRectF;
/**
* 第二步
* @param context
*/
public CustomImageView1(Context context) {
this(context, null, 0);
}

public CustomImageView1(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}

public CustomImageView1(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
TypedArray typeArray=context
.obtainStyledAttributes(attrs,R.styleable.CustomImageView);
//默认为10dip
bitmapRadius=typeArray.getDimensionPixelOffset(R.styleable.CustomImageView_radiusRadius,
(int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, RADIUS_DEFAULT, getResources().getDisplayMetrics()));
//默认为圆
type=typeArray.getInt(R.styleable.CustomImageView_type, TYPE_CIRCLE);

typeArray.recycle();

mMatrix=new Matrix();
mPaint=new Paint();
mPaint.setAntiAlias(true);//消除锯齿
}

三在onMeasure中调整控件宽高

因为圆图的话，高宽是相等的，这里取了两者的较小值！

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
if(type==TYPE_CIRCLE){
mWidth=Math.min(getMeasuredWidth(), getMeasuredHeight());
radius=mWidth/2;
setMeasuredDimension(mWidth, mWidth);
}
}

四，onDraw方法中绘图

1，先得到图对象，并把图对象Drawable封装到位图对象Bitmap中！

2，得到位图对象后，利用Matrix按比例缩放图像（这里就用到了bitmapShader对象）

3，最后才是绘制图像

1，的实现方法：

private Bitmap drawableToBitmap(){
Drawable drawable=getDrawable();

if(drawable==null){
return null;
}

if(drawable instanceof BitmapDrawable){
BitmapDrawable bd=(BitmapDrawable) drawable;
return bd.getBitmap();
}

int w=drawable.getIntrinsicWidth();
int h=drawable.getIntrinsicHeight();
//相当于一个容器
Bitmap bitmap=Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);
Canvas canvas=new Canvas(bitmap);
drawable.setBounds(0, 0, w, h);
//将图片画在画布canvas上，并放在容器bitmap中
drawable.draw(canvas);

return bitmap;

}

2,的实现方法：

private void setUpBitmapShaper(){
Bitmap bitmap=drawableToBitmap();
if(bitmap==null){
return;
}
mShader=new BitmapShader(bitmap, TileMode.CLAMP, TileMode.CLAMP);
float scale;
if(type==TYPE_CIRCLE){
//圆形
scale=mWidth*1.0f/Math.min(bitmap.getWidth(), bitmap.getHeight());
}else{
//圆角形
scale=Math.max(getWidth()*1.0f/bitmap.getWidth()*1.0f
, getHeight()*1.0f/bitmap.getHeight()*1.0f);
}

mMatrix.setScale(scale,scale);
mShader.setLocalMatrix(mMatrix);
mPaint.setShader(mShader);
}

3，的实现方法：

@Override
protected void onDraw(Canvas canvas) {
if(getDrawable()==null){
return;
}
setUpBitmapShaper();

if(type==TYPE_CIRCLE){
canvas.drawCircle(radius, radius, radius, mPaint);
}else{
canvas.drawRoundRect(mRectF,bitmapRadius, bitmapRadius, mPaint);
}
//canvas.drawCircle(cx, cy, RADIUS_DEFAULT, paint);
}

五，为了解决动态设置的属性，在屏幕发生旋转或者所在Activity久置后台后会重新绘制，这时之前设置的属性就会丢失的问题

我又重写了。onSaveInstanceState方法和onRestoreInstanceState方法

private static final String STATE_INSTANCE="state_instance";
private static final String STATE_TYPE="state_type";
private static final String STATE_RADIUS="state_radius";

//只有需要reCreate一個Activity時，才会去调用它，比如，横竖切屏，改变语言，activity久置后台重新启动
@Override
protected Parcelable onSaveInstanceState() {
Bundle bd=new Bundle();
bd.putParcelable(STATE_INSTANCE, super.onSaveInstanceState());
bd.putInt(STATE_TYPE, type);
bd.putInt(STATE_RADIUS, bitmapRadius);
return bd;
}

@Override
protected void onRestoreInstanceState(Parcelable state) {
if(state instanceof Bundle){
Bundle bd=(Bundle) state;
super.onRestoreInstanceState(bd.getParcelable(STATE_INSTANCE));
type=bd.getInt(STATE_TYPE);
bitmapRadius=bd.getInt(STATE_RADIUS);
}else{
super.onRestoreInstanceState(state);
}
}

源代码下载