How to make border for circle cropped image in glide

Question

in default, the image that is cropped by glide has no border I need to have a border in the circle image.

Answer 1

With compose

Remember to add dependencies to build.gradle:

implementation ‘androidx.constraintlayout:constraintlayout-compose:1.0.0-beta02’ 

In your activity

class MainActivity : ComponentActivity() {     override fun onCreate(savedInstanceState: Bundle?) {         super.onCreate(savedInstanceState)         setContent {             ShapeImageApplicationTheme {                 Surface(color = MaterialTheme.colors.background) {                     RoundedCornerShapeDemo()                 }             }         }     } }  @Composable fun RoundedCornerShapeDemo() {     ImageResource(shape = RoundedCornerShape(10.dp)) }  @Composable fun ImageResource(shape: Shape) {     ConstraintLayout(modifier = Modifier.fillMaxSize()) {         val (redBox, imageBox) = createRefs()         Box(             modifier = Modifier                 .size(100.dp)                 .clip(shape)                 .background(Color.Red)                 .constrainAs(redBox) {})          val image: Painter = painterResource(id = R.drawable.ic_launcher_background)         Image(painter = image, contentDescription = "", modifier = Modifier             .size(90.dp)             .clip(shape)             .constrainAs(imageBox) {                 top.linkTo(redBox.top)                 start.linkTo(redBox.start)                 end.linkTo(redBox.end)                 bottom.linkTo(redBox.bottom)             })     } }  @Preview(showBackground = true) @Composable fun DefaultPreview() {     ShapeImageApplicationTheme {         RoundedCornerShapeDemo()     } } 

Version 4

I made this way, RoundedCorners Class:

import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapShader; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.RectF; import android.graphics.Shader;  import com.bumptech.glide.Glide; import com.bumptech.glide.load.Transformation; import com.bumptech.glide.load.engine.Resource; import com.bumptech.glide.load.engine.bitmap_recycle.BitmapPool; import com.bumptech.glide.load.resource.bitmap.BitmapResource;  import java.security.MessageDigest;    public class RoundedCornersTransformation implements Transformation<Bitmap> {      public enum CornerType {         ALL,         TOP_LEFT, TOP_RIGHT, BOTTOM_LEFT, BOTTOM_RIGHT,         TOP, BOTTOM, LEFT, RIGHT,         OTHER_TOP_LEFT, OTHER_TOP_RIGHT, OTHER_BOTTOM_LEFT, OTHER_BOTTOM_RIGHT,         DIAGONAL_FROM_TOP_LEFT, DIAGONAL_FROM_TOP_RIGHT, BORDER     }      private BitmapPool mBitmapPool;     private int mRadius;     private int mDiameter;     private int mMargin;     private CornerType mCornerType;     private String mColor;     private int mBorder;      public RoundedCornersTransformation(Context context, int radius, int margin) {         this(context, radius, margin, CornerType.ALL);     }      public RoundedCornersTransformation(Context context, int radius, int margin, String color, int border) {         this(context, radius, margin, CornerType.BORDER);         mColor = color;         mBorder = border;     }      public RoundedCornersTransformation(BitmapPool pool, int radius, int margin) {         this(pool, radius, margin, CornerType.ALL);     }      public RoundedCornersTransformation(Context context, int radius, int margin,                                         CornerType cornerType) {         this(Glide.get(context).getBitmapPool(), radius, margin, cornerType);     }      public RoundedCornersTransformation(BitmapPool pool, int radius, int margin,                                         CornerType cornerType) {         mBitmapPool = pool;         mRadius = radius;         mDiameter = mRadius * 2;         mMargin = margin;         mCornerType = cornerType;     }      @Override     public Resource<Bitmap> transform(Context context, Resource<Bitmap> resource, int outWidth, int outHeight) {         Bitmap source = resource.get();          int width = source.getWidth();         int height = source.getHeight();          Bitmap bitmap = mBitmapPool.get(width, height, Bitmap.Config.ARGB_8888);         if (bitmap == null) {             bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);         }          Canvas canvas = new Canvas(bitmap);         Paint paint = new Paint();         paint.setAntiAlias(true);         paint.setShader(new BitmapShader(source, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP));         drawRoundRect(canvas, paint, width, height);         return BitmapResource.obtain(bitmap, mBitmapPool);     }      private void drawRoundRect(Canvas canvas, Paint paint, float width, float height) {         float right = width - mMargin;         float bottom = height - mMargin;          switch (mCornerType) {             case ALL:                 canvas.drawRoundRect(new RectF(mMargin, mMargin, right, bottom), mRadius, mRadius, paint);                 break;             case TOP_LEFT:                 drawTopLeftRoundRect(canvas, paint, right, bottom);                 break;             case TOP_RIGHT:                 drawTopRightRoundRect(canvas, paint, right, bottom);                 break;             case BOTTOM_LEFT:                 drawBottomLeftRoundRect(canvas, paint, right, bottom);                 break;             case BOTTOM_RIGHT:                 drawBottomRightRoundRect(canvas, paint, right, bottom);                 break;             case TOP:                 drawTopRoundRect(canvas, paint, right, bottom);                 break;             case BOTTOM:                 drawBottomRoundRect(canvas, paint, right, bottom);                 break;             case LEFT:                 drawLeftRoundRect(canvas, paint, right, bottom);                 break;             case RIGHT:                 drawRightRoundRect(canvas, paint, right, bottom);                 break;             case OTHER_TOP_LEFT:                 drawOtherTopLeftRoundRect(canvas, paint, right, bottom);                 break;             case OTHER_TOP_RIGHT:                 drawOtherTopRightRoundRect(canvas, paint, right, bottom);                 break;             case OTHER_BOTTOM_LEFT:                 drawOtherBottomLeftRoundRect(canvas, paint, right, bottom);                 break;             case OTHER_BOTTOM_RIGHT:                 drawOtherBottomRightRoundRect(canvas, paint, right, bottom);                 break;             case DIAGONAL_FROM_TOP_LEFT:                 drawDiagonalFromTopLeftRoundRect(canvas, paint, right, bottom);                 break;             case DIAGONAL_FROM_TOP_RIGHT:                 drawDiagonalFromTopRightRoundRect(canvas, paint, right, bottom);                 break;             case BORDER:                 drawBorder(canvas, paint, right, bottom);                 break;             default:                 canvas.drawRoundRect(new RectF(mMargin, mMargin, right, bottom), mRadius, mRadius, paint);                 break;         }     }      private void drawTopLeftRoundRect(Canvas canvas, Paint paint, float right, float bottom) {         canvas.drawRoundRect(new RectF(mMargin, mMargin, mMargin + mDiameter, mMargin + mDiameter),                 mRadius, mRadius, paint);         canvas.drawRect(new RectF(mMargin, mMargin + mRadius, mMargin + mRadius, bottom), paint);         canvas.drawRect(new RectF(mMargin + mRadius, mMargin, right, bottom), paint);     }      private void drawTopRightRoundRect(Canvas canvas, Paint paint, float right, float bottom) {         canvas.drawRoundRect(new RectF(right - mDiameter, mMargin, right, mMargin + mDiameter), mRadius,                 mRadius, paint);         canvas.drawRect(new RectF(mMargin, mMargin, right - mRadius, bottom), paint);         canvas.drawRect(new RectF(right - mRadius, mMargin + mRadius, right, bottom), paint);     }      private void drawBottomLeftRoundRect(Canvas canvas, Paint paint, float right, float bottom) {         canvas.drawRoundRect(new RectF(mMargin, bottom - mDiameter, mMargin + mDiameter, bottom),                 mRadius, mRadius, paint);         canvas.drawRect(new RectF(mMargin, mMargin, mMargin + mDiameter, bottom - mRadius), paint);         canvas.drawRect(new RectF(mMargin + mRadius, mMargin, right, bottom), paint);     }      private void drawBottomRightRoundRect(Canvas canvas, Paint paint, float right, float bottom) {         canvas.drawRoundRect(new RectF(right - mDiameter, bottom - mDiameter, right, bottom), mRadius,                 mRadius, paint);         canvas.drawRect(new RectF(mMargin, mMargin, right - mRadius, bottom), paint);         canvas.drawRect(new RectF(right - mRadius, mMargin, right, bottom - mRadius), paint);     }      private void drawTopRoundRect(Canvas canvas, Paint paint, float right, float bottom) {         canvas.drawRoundRect(new RectF(mMargin, mMargin, right, mMargin + mDiameter), mRadius, mRadius,                 paint);         canvas.drawRect(new RectF(mMargin, mMargin + mRadius, right, bottom), paint);     }      private void drawBottomRoundRect(Canvas canvas, Paint paint, float right, float bottom) {         canvas.drawRoundRect(new RectF(mMargin, bottom - mDiameter, right, bottom), mRadius, mRadius,                 paint);         canvas.drawRect(new RectF(mMargin, mMargin, right, bottom - mRadius), paint);     }      private void drawLeftRoundRect(Canvas canvas, Paint paint, float right, float bottom) {         canvas.drawRoundRect(new RectF(mMargin, mMargin, mMargin + mDiameter, bottom), mRadius, mRadius,                 paint);         canvas.drawRect(new RectF(mMargin + mRadius, mMargin, right, bottom), paint);     }      private void drawRightRoundRect(Canvas canvas, Paint paint, float right, float bottom) {         canvas.drawRoundRect(new RectF(right - mDiameter, mMargin, right, bottom), mRadius, mRadius,                 paint);         canvas.drawRect(new RectF(mMargin, mMargin, right - mRadius, bottom), paint);     }      private void drawOtherTopLeftRoundRect(Canvas canvas, Paint paint, float right, float bottom) {         canvas.drawRoundRect(new RectF(mMargin, bottom - mDiameter, right, bottom), mRadius, mRadius,                 paint);         canvas.drawRoundRect(new RectF(right - mDiameter, mMargin, right, bottom), mRadius, mRadius,                 paint);         canvas.drawRect(new RectF(mMargin, mMargin, right - mRadius, bottom - mRadius), paint);     }      private void drawOtherTopRightRoundRect(Canvas canvas, Paint paint, float right, float bottom) {         canvas.drawRoundRect(new RectF(mMargin, mMargin, mMargin + mDiameter, bottom), mRadius, mRadius,                 paint);         canvas.drawRoundRect(new RectF(mMargin, bottom - mDiameter, right, bottom), mRadius, mRadius,                 paint);         canvas.drawRect(new RectF(mMargin + mRadius, mMargin, right, bottom - mRadius), paint);     }      private void drawOtherBottomLeftRoundRect(Canvas canvas, Paint paint, float right, float bottom) {         canvas.drawRoundRect(new RectF(mMargin, mMargin, right, mMargin + mDiameter), mRadius, mRadius,                 paint);         canvas.drawRoundRect(new RectF(right - mDiameter, mMargin, right, bottom), mRadius, mRadius,                 paint);         canvas.drawRect(new RectF(mMargin, mMargin + mRadius, right - mRadius, bottom), paint);     }      private void drawOtherBottomRightRoundRect(Canvas canvas, Paint paint, float right,                                                float bottom) {         canvas.drawRoundRect(new RectF(mMargin, mMargin, right, mMargin + mDiameter), mRadius, mRadius,                 paint);         canvas.drawRoundRect(new RectF(mMargin, mMargin, mMargin + mDiameter, bottom), mRadius, mRadius,                 paint);         canvas.drawRect(new RectF(mMargin + mRadius, mMargin + mRadius, right, bottom), paint);     }      private void drawDiagonalFromTopLeftRoundRect(Canvas canvas, Paint paint, float right,                                                   float bottom) {         canvas.drawRoundRect(new RectF(mMargin, mMargin, mMargin + mDiameter, mMargin + mDiameter),                 mRadius, mRadius, paint);         canvas.drawRoundRect(new RectF(right - mDiameter, bottom - mDiameter, right, bottom), mRadius,                 mRadius, paint);         canvas.drawRect(new RectF(mMargin, mMargin + mRadius, right - mDiameter, bottom), paint);         canvas.drawRect(new RectF(mMargin + mDiameter, mMargin, right, bottom - mRadius), paint);     }      private void drawDiagonalFromTopRightRoundRect(Canvas canvas, Paint paint, float right,                                                    float bottom) {         canvas.drawRoundRect(new RectF(right - mDiameter, mMargin, right, mMargin + mDiameter), mRadius,                 mRadius, paint);         canvas.drawRoundRect(new RectF(mMargin, bottom - mDiameter, mMargin + mDiameter, bottom),                 mRadius, mRadius, paint);         canvas.drawRect(new RectF(mMargin, mMargin, right - mRadius, bottom - mRadius), paint);         canvas.drawRect(new RectF(mMargin + mRadius, mMargin + mRadius, right, bottom), paint);     }      private void drawBorder(Canvas canvas, Paint paint, float right,                             float bottom) {          // stroke         Paint strokePaint = new Paint();         strokePaint.setStyle(Paint.Style.STROKE);         if (mColor != null) {             strokePaint.setColor(Color.parseColor(mColor));         } else {             strokePaint.setColor(Color.BLACK);         }         strokePaint.setStrokeWidth(mBorder);          canvas.drawRoundRect(new RectF(mMargin, mMargin, right, bottom), mRadius, mRadius, paint);          // stroke         canvas.drawRoundRect(new RectF(mMargin, mMargin, right, bottom), mRadius, mRadius, strokePaint);     }       @Override     public void updateDiskCacheKey(MessageDigest messageDigest) {      }      public String getId() {         return "RoundedTransformation(radius=" + mRadius + ", margin=" + mMargin + ", diameter="                 + mDiameter + ", cornerType=" + mCornerType.name() + ")";     } } 

Now in your Activity, you have to put this:

public static int sCorner = 15; public static int sMargin = 2; public static int sBorder = 10; public static String sColor = "#7D9067";       ...      ImageView imageView = (ImageView) findViewById(R.id.activity_main_image_view);       ImageView mImageViewBorder = (ImageView) findViewById(R.id.activity_main_image_view_border);        ....             // Rounded corners         Glide.with(this).load("http://scareface.jpeg")         .apply(RequestOptions.bitmapTransform(         new RoundedCornersTransformation(this, sCorner, sMargin))).into(mImageView);                  // Rounded corners with border         Glide.with(this).load("http://scareface.jpeg")         .apply(RequestOptions.bitmapTransform(         new RoundedCornersTransformation(this, sCorner, sMargin, sColor, sBorder))).into(mImageViewBorder); 

You can check my example in github.

Also you can check this post and this library for Version 3.