Created
October 25, 2013 17:19
-
-
Save melanke/7158342 to your computer and use it in GitHub Desktop.
Android Rounded Image
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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; | |
} | |
} |
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.
Nice solution.. how can i create border for this rounded image view??
Many thanks <3
Scale Type 😭
thanks @Megamzero . It worked for me. (Y)
Thanks! Worked for me
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
hi ,
the code is running on my side but issue is pixels of the image are too bad how to fix it ?