Skip to content

Instantly share code, notes, and snippets.

@berkkaraoglu
Created November 14, 2014 09:12
Show Gist options
  • Star 27 You must be signed in to star a gist
  • Fork 5 You must be signed in to fork a gist
  • Save berkkaraoglu/ab4caa8b1fe48231dec2 to your computer and use it in GitHub Desktop.
Save berkkaraoglu/ab4caa8b1fe48231dec2 to your computer and use it in GitHub Desktop.
BorderedCircleTransform for Picasso (Based on https://gist.github.com/julianshen/5829333)
import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import com.squareup.picasso.Transformation;
public class CircleTransform implements Transformation {
private final int BORDER_COLOR = Color.WHITE;
private final int BORDER_RADIUS = 5;
@Override
public Bitmap transform(Bitmap source) {
int size = Math.min(source.getWidth(), source.getHeight());
int x = (source.getWidth() - size) / 2;
int y = (source.getHeight() - size) / 2;
Bitmap squaredBitmap = Bitmap.createBitmap(source, x, y, size, size);
if (squaredBitmap != source) {
source.recycle();
}
Bitmap bitmap = Bitmap.createBitmap(size, size, source.getConfig());
Canvas canvas = new Canvas(bitmap);
Paint paint = new Paint();
BitmapShader shader = new BitmapShader(squaredBitmap, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP);
paint.setShader(shader);
paint.setAntiAlias(true);
float r = size / 2f;
// Prepare the background
Paint paintBg = new Paint();
paintBg.setColor(BORDER_COLOR);
paintBg.setAntiAlias(true);
// Draw the background circle
canvas.drawCircle(r, r, r, paintBg);
// Draw the image smaller than the background so a little border will be seen
canvas.drawCircle(r, r, r - BORDER_RADIUS, paint);
squaredBitmap.recycle();
return bitmap;
}
@Override
public String key() {
return "circle";
}
}
@fazlurr
Copy link

fazlurr commented Nov 20, 2014

Nice work, thank you!

@hakimrie
Copy link

you should set paintBg.setStyle(Paint.Style.STROKE); to reduce overdraw

@martarodriguezm
Copy link

Nice work!
I forked to have a constructor with border color and border radius as parameters: https://gist.github.com/marta-rodriguez/4f117a0e3649f352a264cb480763da63

Thanks!

@mdumrauf
Copy link

You should submit a Pull Request to this Picasso extension https://github.com/wasabeef/picasso-transformations

@vladut-lp
Copy link

Thanks man! I searched and found other implementations, but none of them worked as it should. Keep on the good work !

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