實現圓角圖片的方式有三種，上篇文章中是使用了Xfermode，這篇文章則將總結剩下的兩種clipPath、BitmapShader。這裡我們跟上一篇一樣繼承自ImageView。

公共部分

無論是使用哪種方法，都需要自定義的屬性和在構造器中獲得相應的屬性，因此將這部分放到一起。

自定義屬性

我們這個圓角圖片可以定義圖片的圓角度數，因此需要自定義這個屬性如些：

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

    <declare-styleable name="RoundImageView"
 
>
        <attr name="radius" format="dimension" />
    </declare-styleable>

</resources>

在構造器中獲得自定義屬性

private static final String TAG = "RoundImageView";

    private Paint mPaint;

    private Xfermode xfermode;
    /** 圖片縮放的比例 */
    private float scale = 1.0f;
    /** 圓角半徑 */
 

    private float mRadius;
    /** 預設的圓角半徑 */
    private static final int DEFAULT_RADIUS = 10;
    public RoundImageView(Context context) {
        this(context, null);
    }

    public RoundImageView(Context context, AttributeSet attr) {
        super(context, attr);

        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        TypedArray ta = context.getTheme().obtainStyledAttributes(attr, R.styleable.RoundImageView,
                0
 
, 0);
        mRadius = ta.getDimensionPixelSize(R.styleable.RoundImageView_radius, (int) TypedValue
                .applyDimension(TypedValue.COMPLEX_UNIT_DIP, DEFAULT_RADIUS, getResources()
                        .getDisplayMetrics()));
        Log.e(TAG, "mRadius:" + mRadius);
        ta.recycle();
    }

獲得Bitmap

我們繪製時，需要用到Bitmap，因此需要獲得資源src對應的Bitmap。

/**
     * 獲得Bitmap
     */
    private Bitmap getBitmap() {
        Bitmap bm = Bitmap.createBitmap(getMeasuredWidth(), getMeasuredHeight(), Config.ARGB_8888);
        Drawable drawable = getDrawable();
        Canvas drawableCanvas = new Canvas(bm);
        // 計算縮放
        int drawablewidth = drawable.getIntrinsicWidth();
        int drawableheight = drawable.getIntrinsicHeight();
        int width = getMeasuredWidth();
        int height = getMeasuredHeight();
        scale = Math.min(width * 1.0f / drawablewidth, height * 1.0f / drawableheight);
        Log.e(TAG, scale + "");
        // 縮放
        drawable.setBounds(0, 0, (int) (drawablewidth * scale), (int) (drawableheight * scale));
        drawable.draw(drawableCanvas);
        return bm;
    }

clipPath實現圓角圖片

首先需要說的一點是clipPath在api18之前都不支援硬體加速，因此在構造器中需要關閉硬體加速，如下

setLayerType(LAYER_TYPE_SOFTWARE, mPaint);

Canvas類中提供對畫布的裁剪的方法，有clipPath對具體路徑進行裁剪，有clipRect對具體矩形進行裁剪，有clipRegion對具體區域進行裁剪。我們先看clipPath的兩個方法：

• clipPath(Path path)
  Intersect the current clip with the specified path.
• clipPath(Path path, Region.Op op)
  Modify the current clip with the specified path.

我們注意到第二個方法裡有個引數Region.Op op，這是一個列舉值：

public enum Op {
         DIFFERENCE(0),
         INTERSECT(1),
         UNION(2),
         XOR(3),
         REVERSE_DIFFERENCE(4),
         REPLACE(5);
}

我們把之前的區域設為A，裁剪的區域為B，則以上列舉值的意義如下：

• Region.Op DIFFERENCE
  顯示A-B
• Region.Op INTERSECT
  顯示 A與B的交集
• Region.Op REPLACE
  顯示B
• Region.Op REVERSE_DIFFERENCE
  顯示B-A
• Region.Op UNION
  顯示A與B的並集
• Region.Op XOR
  顯示 A與B的並集-A與B的交集

不帶Op引數的clipPath(Path path)則預設為使用INTERSECT。

瞭解這些後，我們就可以使用clipPath、重寫onDraw來實現圓角圖片了。首先需要對canvas進行裁剪，如何裁剪呢？我們需要的是圓角的圖片，因此需要將canvas裁剪成圓角矩形的canvas，使得draw出來的是圓角的矩形。

@Override
    protected void onDraw(Canvas canvas) {
        canvas.save();
        Path path = new Path();
        path.addRoundRect(new RectF(0, 0, getMeasuredWidth(), getMeasuredHeight()), mRadius,
                mRadius, Path.Direction.CW);
        // 先對canvas進行裁剪
        canvas.clipPath(path, Region.Op.INTERSECT);

        Bitmap bm = getBitmap();
        // 繪製bitmap
        canvas.drawBitmap(bm, 0, 0, mPaint);

        canvas.restore();
    }

分析：程式碼中的canvas.clipPath(path, Region.Op.INTERSECT);
之前的區域是整個canvas，而裁剪後的區域的圓角矩形，我們的目的是圓角矩形，因此傳入的Op引數可以REPLACE，也可以是INTERSECT，或者不傳引數。

使用BitmapShader實現圓角圖片

我們這時可能會發現之前的兩種方法都有其缺點，Xfermode需要我們繪製兩次，而clipPath不支援硬體加速，因此我們將希望寄予BitmapShader。

圓角圖片有很多開源的程式碼，例如

這個提到：

• does not use a clipPath which is not hardware accelerated and not anti-aliased.
• does not use setXfermode to clip the bitmap and draw twice to the canvas.

而檢視其原始碼，我們可以發現它是用BitmapShader實現的，因此我們可以說BitmapShader真是不負眾望。
BitmapShader是Shader的一個子類，Shader，我們可以理解為著色器，也就是說在設定完畫筆的屬性之後，再去繪製形狀，會以找個著色器來著色。BitmapShader則允許這個著色器為Bitmap。
Shader是Paint的一個屬性，可以通過paint.setShader()來設定。
我們先看看BitmapShader物件是如何建立的：

bitmapShader = new BitmapShader(bm, TileMode.CLAMP, TileMode.CLAMP);

第一個引數是Bitmap，說明著色器的Bitmap來源，後面的兩個引數為TileMode，取值有三種：

• CLAMP 拉伸
• REPEAT 重複
• MIRROR 映象

也就說，如果圖片的長寬不足，可以選擇以重複、拉伸、映象的方式來填充。
接下來的事情就簡單了，再設定完paint的bitmapshader，只需要繪製一個圓角矩形就好，paint就會以bitmap的方式來對這個矩形進行著色。

    @Override
    protected void onDraw(Canvas canvas) {
        Bitmap bm = getBitmap();
        bitmapShader = new BitmapShader(bm, TileMode.CLAMP, TileMode.CLAMP);
        mPaint.setShader(bitmapShader);

        canvas.drawRoundRect(new RectF(0, 0, getMeasuredWidth(), getMeasuredHeight()), mRadius,
                mRadius, mPaint);
    }