Glide4 繪制圓形描邊

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

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

// 描邊畫(huà)筆。
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));
    // 描邊畫(huà)筆初始化。
    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 實(shí)現(xiàn)圓形+描邊

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

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

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

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