Glide 加載部分圓角圖片

在App開放中常常遇到設置ImageView爲部分圓角的狀況,可是Glide又沒有提供這個方法,該怎麼辦呢?直接上代碼!
/**
 * @author csc
 * @date 2019-01-18
 * Todo 設置圖片部分圓角
 */
public class RoundedCornersTransform implements Transformation<Bitmap> {
    private BitmapPool mBitmapPool;
 
    private float radius;
 
    private boolean isLeftTop, isRightTop, isLeftBottom, isRightBotoom;
 
    /**
     * 須要設置圓角的部分
     *
     * @param leftTop     左上角
     * @param rightTop    右上角
     * @param leftBottom  左下角
     * @param rightBottom 右下角
     */
    public void setNeedCorner(boolean leftTop, boolean rightTop, boolean leftBottom, boolean rightBottom) {
        isLeftTop = leftTop;
        isRightTop = rightTop;
        isLeftBottom = leftBottom;
        isRightBotoom = rightBottom;
    }
 
    /**
     * @param context 上下文
     * @param radius  圓角幅度
     */
    public RoundedCornersTransform(Context context, float radius) {
        this.mBitmapPool = Glide.get(context).getBitmapPool();
        this.radius = radius;
    }
 
    @NonNull
    @Override
    public Resource<Bitmap> transform(@NonNull Context context, @NonNull Resource<Bitmap> resource, int outWidth, int outHeight) {
 
        Bitmap source = resource.get();
        int finalWidth, finalHeight;
        //輸出目標的寬高或高寬比例
        float scale;
        if (outWidth > outHeight) {
            //若是 輸出寬度 > 輸出高度 求高寬比
 
            scale = (float) outHeight / (float) outWidth;
            finalWidth = source.getWidth();
            //固定原圖寬度,求最終高度
            finalHeight = (int) ((float) source.getWidth() * scale);
            if (finalHeight > source.getHeight()) {
                //若是 求出的最終高度 > 原圖高度 求寬高比
 
                scale = (float) outWidth / (float) outHeight;
                finalHeight = source.getHeight();
                //固定原圖高度,求最終寬度
                finalWidth = (int) ((float) source.getHeight() * scale);
            }
        } else if (outWidth < outHeight) {
            //若是 輸出寬度 < 輸出高度 求寬高比
 
            scale = (float) outWidth / (float) outHeight;
            finalHeight = source.getHeight();
            //固定原圖高度,求最終寬度
            finalWidth = (int) ((float) source.getHeight() * scale);
            if (finalWidth > source.getWidth()) {
                //若是 求出的最終寬度 > 原圖寬度 求高寬比
 
                scale = (float) outHeight / (float) outWidth;
                finalWidth = source.getWidth();
                finalHeight = (int) ((float) source.getWidth() * scale);
            }
        } else {
            //若是 輸出寬度=輸出高度
            finalHeight = source.getHeight();
            finalWidth = finalHeight;
        }
 
        //修正圓角
        this.radius *= (float) finalHeight / (float) outHeight;
        Bitmap outBitmap = this.mBitmapPool.get(finalWidth, finalHeight, Bitmap.Config.ARGB_8888);
        if (outBitmap == null) {
            outBitmap = Bitmap.createBitmap(finalWidth, finalHeight, Bitmap.Config.ARGB_8888);
        }
 
        Canvas canvas = new Canvas(outBitmap);
        Paint paint = new Paint();
        //關聯畫筆繪製的原圖bitmap
        BitmapShader shader = new BitmapShader(source, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
        //計算中心位置,進行偏移
        int width = (source.getWidth() - finalWidth) / 2;
        int height = (source.getHeight() - finalHeight) / 2;
        if (width != 0 || height != 0) {
            Matrix matrix = new Matrix();
            matrix.setTranslate((float) (-width), (float) (-height));
            shader.setLocalMatrix(matrix);
        }
 
        paint.setShader(shader);
        paint.setAntiAlias(true);
        RectF rectF = new RectF(0.0F, 0.0F, (float) canvas.getWidth(), (float) canvas.getHeight());
        //先繪製圓角矩形
        canvas.drawRoundRect(rectF, this.radius, this.radius, paint);
 
        //左上角圓角
        if (!isLeftTop) {
            canvas.drawRect(0, 0, radius, radius, paint);
        }
        //右上角圓角
        if (!isRightTop) {
            canvas.drawRect(canvas.getWidth() - radius, 0, canvas.getWidth(), radius, paint);
        }
        //左下角圓角
        if (!isLeftBottom) {
            canvas.drawRect(0, canvas.getHeight() - radius, radius, canvas.getHeight(), paint);
        }
        //右下角圓角
        if (!isRightBotoom) {
            canvas.drawRect(canvas.getWidth() - radius, canvas.getHeight() - radius, canvas.getWidth(), canvas.getHeight(), paint);
        }
 
        return BitmapResource.obtain(outBitmap, this.mBitmapPool);
    }
 
 
    @Override
    public void updateDiskCacheKey(@NonNull MessageDigest messageDigest) {
    }
}

 

 

 

如何使用?
Glide 4.0+ 的使用
RoundedCornersTransform transform = new RoundedCornersTransform(mContext, DensityUtil.dip2px(10));
transform.setNeedCorner(true, false, true, false);
RequestOptions options = new RequestOptions().placeholder(R.color.color_eee).transform(transform);                                
Glide.with(mContext).asBitmap().load(mPicturesBeans.get(0).getSrc()).apply(options).into(holder.mPictureComment);
上面的實現效果就是:左上角和左下角爲圓角。

 

Glide 小於4.0的使用:
RoundedCornersTransform transform = new RoundedCornersTransform(mContext, DensityUtil.dip2px(10));
transform.setNeedCorner(true, false, true, false);
Glide.with(this).
                load(mPicturesBeans.get(0).getSrc()).
                asBitmap().
                skipMemoryCache(true).
                diskCacheStrategy(DiskCacheStrategy.NONE).
                transform(transform).
                into(holder.mPictureComment);
 
--------------------- 
做者:csc_1024 
來源:CSDN 
原文:https://blog.csdn.net/csclmf/article/details/86544031 
相關文章
相關標籤/搜索