Created
November 14, 2014 09:12
-
-
Save berkkaraoglu/ab4caa8b1fe48231dec2 to your computer and use it in GitHub Desktop.
BorderedCircleTransform for Picasso (Based on https://gist.github.com/julianshen/5829333)
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
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"; | |
} | |
} |
you should set paintBg.setStyle(Paint.Style.STROKE);
to reduce overdraw
Nice work!
I forked to have a constructor with border color and border radius as parameters: https://gist.github.com/marta-rodriguez/4f117a0e3649f352a264cb480763da63
Thanks!
You should submit a Pull Request to this Picasso extension https://github.com/wasabeef/picasso-transformations
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
Nice work, thank you!