Crop image as circle in Android

Question

Does anyone know how to crop a \ bitmap image into a circle? I can not find a solution, sorry ..

Answer 1

Grade:

public Bitmap getRoundedShape(Bitmap scaleBitmapImage) { int targetWidth = 50; int targetHeight = 50; Bitmap targetBitmap = Bitmap.createBitmap(targetWidth, targetHeight,Bitmap.Config.ARGB_8888); canvas = new Canvas(targetBitmap); Path path = new Path(); path.addCircle(((float) targetWidth - 1) / 2, ((float) targetHeight - 1) / 2, (Math.min(((float) targetWidth), ((float) targetHeight)) / 2), Path.Direction.CCW); canvas.clipPath(path); Bitmap sourceBitmap = scaleBitmapImage; canvas.drawBitmap(sourceBitmap, new Rect(0, 0, sourceBitmap.getWidth(), sourceBitmap.getHeight()), new Rect(0, 0, targetWidth, targetHeight), null); return targetBitmap; } 

View:

 <ImageView android:id="@+id/imgView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_above="@+id/btnEdit" android:layout_centerHorizontal="true" android:layout_marginTop="40dp" android:background="@drawable/rounded" android:adjustViewBounds="true" android:gravity="center" android:src="@drawable/happy"/> 

Additional styles:

  <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" > <solid android:color="@android:color/white" /> <stroke android:width="3dip" android:color="#FF0000" /> <corners android:radius="10dp" /> <padding android:bottom="0dp" android:left="0dp" android:right="0dp" android:top="0dp" /> 

Answer 2

Romain Guy, previously an engineer with the Android team at Google, has published an excellent article on drawing images with rounded corners . This idea could be easily extended to a circle, for example, by changing the radius of a rounded rectangle so that it creates a full circle.

From the article:

To generate rounded images, I just wrote a custom Drawable that draws a rounded rectangle using Canvas.drawRoundRect() . The trick is to use Paint with BitmapShader to fill a rounded rectangle using a texture instead of a simple color. This is what the code looks like:

 BitmapShader shader; shader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP); Paint paint = new Paint(); paint.setAntiAlias(true); paint.setShader(shader); RectF rect = new RectF(0.0f, 0.0f, width, height); // rect contains the bounds of the shape // radius is the radius in pixels of the rounded corners // paint contains the shader that will texture the shape canvas.drawRoundRect(rect, radius, radius, paint); 

Answer 3

Try using the code below:

 public Bitmap getRoundedShape(Bitmap scaleBitmapImage) { // TODO Auto-generated method stub int targetWidth = 50; int targetHeight = 50; Bitmap targetBitmap = Bitmap.createBitmap(targetWidth, targetHeight,Bitmap.Config.ARGB_8888); Canvas canvas = new Canvas(targetBitmap); Path path = new Path(); path.addCircle(((float) targetWidth - 1) / 2, ((float) targetHeight - 1) / 2, (Math.min(((float) targetWidth), ((float) targetHeight)) / 2), Path.Direction.CCW); canvas.clipPath(path); Bitmap sourceBitmap = scaleBitmapImage; canvas.drawBitmap(sourceBitmap, new Rect(0, 0, sourceBitmap.getWidth(), sourceBitmap.getHeight()), new Rect(0, 0, targetWidth, targetHeight), null); return targetBitmap; } 

Answer 4

Wiseman Designs, an open source Circular ImageView ready to use

https://github.com/wisemandesigns/CircularImageView

Your layouts use XML, which makes life easier. You can set the source in XML or with some minor changes that Bitmap can easily use.

Disclaimer: I am working on Wiseman projects

Answer 5

To have rounded corners for ImageView, convert the image to a bitmap, and then try the following code:

  private Bitmap getRoundedCroppedBitmap(Bitmap bitmap) { int widthLight = bitmap.getWidth(); int heightLight = bitmap.getHeight(); Bitmap output = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(),Config.ARGB_8888); Canvas canvas = new Canvas(output); Paint paintColor = new Paint(); paintColor.setFlags(Paint.ANTI_ALIAS_FLAG); RectF rectF = new RectF(new Rect(0, 0, widthLight, heightLight)); canvas.drawRoundRect(rectF, widthLight / 2 ,heightLight / 2,paintColor); Paint paintImage = new Paint(); paintImage.setXfermode(new PorterDuffXfermode(Mode.SRC_ATOP)); canvas.drawBitmap(bitmap, 0, 0, paintImage); return output; } 

Answer 6

 finalBitmapShader shader = newBitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP); mPaint.setShader(shader); mBitmapWidth=mBitmap.getWidth(); mBitmapHeight=mBitmap.getHeight(); } @Override public void draw(Canvas canvas{ canvas.drawOval(mRectF,mPaint); } @Override protected void onBoundsChange(Rect bounds) { super.onBoundsChange(bounds); mRectF.set(bounds); } 

here i found a sample tutorial about it at http://androidgreeve.blogspot.in/2014/09/facebook-messanger-like-profile-image.html?m=1