Skip to content

Instantly share code, notes, and snippets.

@melanke
Created October 25, 2013 17:19
Show Gist options
  • Save melanke/7158342 to your computer and use it in GitHub Desktop.
Save melanke/7158342 to your computer and use it in GitHub Desktop.
Android Rounded Image
public class MLRoundedImageView extends ImageView {
public MLRoundedImageView(Context context) {
super(context);
}
public MLRoundedImageView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public MLRoundedImageView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
@Override
protected void onDraw(Canvas canvas) {
Drawable drawable = getDrawable();
if (drawable == null) {
return;
}
if (getWidth() == 0 || getHeight() == 0) {
return;
}
Bitmap b = ((BitmapDrawable) drawable).getBitmap();
Bitmap bitmap = b.copy(Bitmap.Config.ARGB_8888, true);
int w = getWidth(), h = getHeight();
Bitmap roundBitmap = getCroppedBitmap(bitmap, w);
canvas.drawBitmap(roundBitmap, 0, 0, null);
}
public static Bitmap getCroppedBitmap(Bitmap bmp, int radius) {
Bitmap sbmp;
if (bmp.getWidth() != radius || bmp.getHeight() != radius) {
float smallest = Math.min(bmp.getWidth(), bmp.getHeight());
float factor = smallest / radius;
sbmp = Bitmap.createScaledBitmap(bmp, (int)(bmp.getWidth() / factor), (int)(bmp.getHeight() / factor), false);
} else {
sbmp = bmp;
}
Bitmap output = Bitmap.createBitmap(radius, radius,
Config.ARGB_8888);
Canvas canvas = new Canvas(output);
final int color = 0xffa19774;
final Paint paint = new Paint();
final Rect rect = new Rect(0, 0, radius, radius);
paint.setAntiAlias(true);
paint.setFilterBitmap(true);
paint.setDither(true);
canvas.drawARGB(0, 0, 0, 0);
paint.setColor(Color.parseColor("#BAB399"));
canvas.drawCircle(radius / 2 + 0.7f,
radius / 2 + 0.7f, radius / 2 + 0.1f, paint);
paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
canvas.drawBitmap(sbmp, rect, rect, paint);
return output;
}
}
@aqibbutt
Copy link

hi ,
the code is running on my side but issue is pixels of the image are too bad how to fix it ?

@Tuccro
Copy link

Tuccro commented Jun 29, 2016

Please change 27-28 lines to:

    Bitmap b;

    try {
        b = ((BitmapDrawable) drawable).getBitmap();
    } catch (ClassCastException e) {
        Log.e(TAG, String.format("You can't use %s!", drawable.getClass().getSimpleName()), e);
        return;
    }

    Bitmap bitmap = b.copy(Bitmap.Config.ARGB_8888, true);`

for cases if somebody trying to use LayerDrawable, for example.

@Malobash
Copy link

Nice solution.. how can i create border for this rounded image view??

Copy link

ghost commented Apr 19, 2017

Many thanks <3

@khan-tm
Copy link

khan-tm commented May 3, 2017

Scale Type 😭

@farooqkhan003
Copy link

thanks @Megamzero . It worked for me. (Y)

@rinuelizabeth10
Copy link

Thanks! Worked for me

@mnaraniya
Copy link

how to add source image in this?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment