Skip to content

Instantly share code, notes, and snippets.

@julianshen
Last active November 6, 2023 12:47
Show Gist options
  • Save julianshen/5829333 to your computer and use it in GitHub Desktop.
Save julianshen/5829333 to your computer and use it in GitHub Desktop.
CircleTransform for Picasso
/*
* Copyright 2014 Julian Shen
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
package com.example.picassodemo;
import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Paint;
import com.squareup.picasso.Transformation;
/**
* Created by julian on 13/6/21.
*/
public class CircleTransform implements Transformation {
@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;
canvas.drawCircle(r, r, r, paint);
squaredBitmap.recycle();
return bitmap;
}
@Override
public String key() {
return "circle";
}
}
@komalnikhare
Copy link

not working properly in 2.3

@heitorcolangelo
Copy link

Thanks alxscms, worked!

@EternalCoding
Copy link

really cool

@dtygel
Copy link

dtygel commented Oct 26, 2015

I've incorporated alxscms suggested change so that the script works with gif and other palletted bitmaps: https://gist.github.com/dtygel/71b77481ff9ddec26646

@oradkovsky
Copy link

thnx!

@mananwason
Copy link

I get a Null pointer @julianshen. This is the stack Trace. Thanks for the help.
java.lang.NullPointerException: Transformation circle returned null after 0 previous transformation(s).

@ayushgp
Copy link

ayushgp commented Jan 24, 2016

Finally after 3 hours of wasting my time on stackoverflow, I found this! Thanks a ton!

@reenadeng
Copy link

Thank you!!!!!!

@codezjx
Copy link

codezjx commented May 4, 2016

We can use shader.setLocalMatrix() method to draw circle bitmap not from source bitmap left-top. So, there is no need to create square bitmap! You can find the optimized version here: https://gist.github.com/codezjx/b8a99374385a0210edb9192bced516a3

@grumpitect
Copy link

Thank you

@stephenrichard
Copy link

Thank you that's perfect !

@zionix357
Copy link

Nice.

@Shujito
Copy link

Shujito commented Oct 7, 2016

I'll star it

@naveedshamim
Copy link

Excellent .........

@MohamaedGamal
Copy link

how used it in main ?

@Inn0vat0r
Copy link

Thanks @alxscms for gif config help.

@alexbbb13
Copy link

alexbbb13 commented Mar 22, 2017

Thanks @alexcms for GIF config
Exception: Attempt to read from field 'int android.graphics.Bitmap$Config.nativeInt' on a null object reference
Solution (As suggested by @alexcms) : Replace line 42 with

Bitmap.Config config = source.getConfig() != null ? source.getConfig() : Bitmap.Config.ARGB_8888;
Bitmap bitmap = Bitmap.createBitmap(size, size, config);

@shahalRahman
Copy link

You saved my job, Thanks a lot man 👍

@mvn-quocnguyen-dn
Copy link

I need your help ! How can I custom Rounded ImageView depend radius !

@pvthiendeveloper
Copy link

Thanke you.

Copy link

ghost commented Nov 8, 2017

thanks, hero

@emitchel
Copy link

Good stuff here, 👍

@lxww14
Copy link

lxww14 commented Dec 21, 2017

imageview has black backgound how change it to transparent

@flaviossantana
Copy link

Nice!

@nicola-coolshop
Copy link

Why it crop the image?

@G00fY2
Copy link

G00fY2 commented Oct 3, 2018

@robinkanatzar
Copy link

Thank you!!!

@efanious
Copy link

Cool!!!

@Maragues
Copy link

Thanks!

On a huawei P10 Mate, applying this transformation is 5ms on average (in our case, ofc)

@mustapha2388
Copy link

Thank you

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