Glide4 繪制圓形描邊

Glide使用CircleCrop即可加載圓形圖片,有時需求需要給圖片加上一層白色描邊:

復(fù)制一份TransformationUtils,修改circleCrop()方法,

// 描邊畫筆。
private static final Paint CIRCLE_CROP_WHITE_PAINT;
private static final int STROKE_WIDTH = 3;

static {
    // 這是Glide源碼。
    CIRCLE_CROP_BITMAP_PAINT = new Paint(CIRCLE_CROP_PAINT_FLAGS);
    CIRCLE_CROP_BITMAP_PAINT.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
    // 描邊畫筆初始化。
    CIRCLE_CROP_WHITE_PAINT = new Paint(CIRCLE_CROP_PAINT_FLAGS);
    CIRCLE_CROP_WHITE_PAINT.setColor(Color.WHITE);
    CIRCLE_CROP_WHITE_PAINT.setStyle(Paint.Style.STROKE);
    CIRCLE_CROP_WHITE_PAINT.setAntiAlias(true);
    CIRCLE_CROP_WHITE_PAINT.setStrokeWidth(STROKE_WIDTH);
    //CIRCLE_CROP_WHITE_PAINT.setStrokeCap(Paint.Cap.ROUND);
    CIRCLE_CROP_WHITE_PAINT.setDither(true);
}

public static Bitmap circleCrop(@NonNull BitmapPool pool, @NonNull Bitmap inBitmap,
                                int destWidth, int destHeight) {
    int destMinEdge = Math.min(destWidth, destHeight);
    float radius = destMinEdge / 2f;

    int srcWidth = inBitmap.getWidth();
    int srcHeight = inBitmap.getHeight();

    float scaleX = destMinEdge / (float) srcWidth;
    float scaleY = destMinEdge / (float) srcHeight;
    float maxScale = Math.max(scaleX, scaleY);

    float scaledWidth = maxScale * srcWidth;
    float scaledHeight = maxScale * srcHeight;
    float left = (destMinEdge - scaledWidth) / 2f;
    float top = (destMinEdge - scaledHeight) / 2f;

    RectF destRect = new RectF(left, top, left + scaledWidth, top + scaledHeight);

    // Alpha is required for this transformation.
    Bitmap toTransform = getAlphaSafeBitmap(pool, inBitmap);

    Bitmap.Config outConfig = getAlphaSafeConfig(inBitmap);
    Bitmap result = pool.get(destMinEdge, destMinEdge, outConfig);
    result.setHasAlpha(true);

    BITMAP_DRAWABLE_LOCK.lock();
    try {
        Canvas canvas = new Canvas(result);
        // Draw a circle
        canvas.drawCircle(radius, radius, radius, CIRCLE_CROP_SHAPE_PAINT);
        // Draw the bitmap in the circle
        canvas.drawBitmap(toTransform, null, destRect, CIRCLE_CROP_BITMAP_PAINT);
        // Draw a white
        /************************描邊*********************/
        float borderRadius = radius - (STROKE_WIDTH / 2);
        canvas.drawCircle(radius, radius, borderRadius, CIRCLE_CROP_WHITE_PAINT);
        /************************描邊*********************/
        clear(canvas);
    } finally {
        BITMAP_DRAWABLE_LOCK.unlock();
    }

    if (!toTransform.equals(inBitmap)) {
        pool.put(toTransform);
    }

    return result;
}
public class CircleCropWhite extends CircleCrop {
    @Override
    protected Bitmap transform(
            @NonNull BitmapPool pool, @NonNull Bitmap toTransform, int outWidth, int outHeight) {
        return TransformationUtils.circleCrop(pool, toTransform, outWidth, outHeight);
    }
}
使用:
GlideApp.with(context)
        .load(image_url)
        .transforms(new CircleCropWhite())
        .into(image_view);
參考資料:

Glide 4.0 實現(xiàn)圓形+描邊

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Swift1> Swift和OC的區(qū)別1.1> Swift沒有地址/指針的概念1.2> 泛型1.3> 類型嚴(yán)謹(jǐn) 對...
    cosWriter閱讀 11,689評論 1 32
  • 【Android 庫 Glide】 引用 Android圖片加載框架最全解析(一),Glide的基本用法Andro...
    Rtia閱讀 5,917評論 0 22
  • 概述 剛才有說到,有些朋友覺得Glide 4相對于Glide 3改動非常大,其實不然。之所以大家會有這種錯覺,是因...
    陳曉松快點跑閱讀 2,329評論 0 14
  • Glide筆記 一、簡介 在泰國舉行的谷歌開發(fā)者論壇上,谷歌為我們介紹了一個名叫Glide的圖片加載庫,作者是bu...
    AndroidMaster閱讀 4,095評論 0 27
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,690評論 4 61

友情鏈接更多精彩內(nèi)容