Oval Imageview in Android

Oval Imageview in Android:

Create Class of OvalImageview as :

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PorterDuff.Mode;
import android.graphics.PorterDuffXfermode;
import android.graphics.Rect;
import android.graphics.RectF;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.widget.ImageView;

public class OvalImageView extends ImageView {

    public OvalImageView(Context ctx, AttributeSet attrs) {
        super(ctx, attrs);
    }
    @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(Config.ARGB_8888, true);
        int w = getWidth(), h = getHeight();
        Bitmap roundBitmap = getOvalCroppedBitmap(bitmap, w);
        canvas.drawBitmap(roundBitmap, 0, 0, null);
    }
    public static Bitmap getOvalCroppedBitmap(Bitmap bitmap, int radius) {
        Bitmap finalBitmap;
        if (bitmap.getWidth() != radius || bitmap.getHeight() != radius)
            finalBitmap = Bitmap.createScaledBitmap(bitmap, radius, radius,
                    false);
        else            finalBitmap = bitmap;
        Bitmap output = Bitmap.createBitmap(finalBitmap.getWidth(),
                finalBitmap.getHeight(), Config.ARGB_8888);
        Canvas canvas = new Canvas(output);
        Paint paint = new Paint();
        final Rect rect = new Rect(0, 0, finalBitmap.getWidth(), finalBitmap.getHeight());
        paint.setAntiAlias(true);
        paint.setFilterBitmap(true);
        paint.setDither(true);
        canvas.drawARGB(0, 0, 0, 0);
        paint.setColor(Color.parseColor("#BAB399"));
        RectF oval = new RectF(0, 0, 180, 200);
        canvas.drawOval(oval, paint);
        paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
        canvas.drawBitmap(finalBitmap, rect, oval, paint);
        return output;
    }
}

and create Imageview inside xml folder as :

<myappplication.OvalImageView 
android:id="@+id/dashboard_profile_pic"  
android:layout_width="wrap_content"      
android:layout_height="wrap_content" 
android:src="@drawable/image1" />




Here you have to put Imageview full qualified name with imageview 

xml code as shown above.

That's all you have to do for displaying image as a Oval view in 

android.

Show Image in rounded view in android.

Circular Image View in Android:

Create Class of roundedview as :

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PorterDuff.Mode;
import android.graphics.PorterDuffXfermode;
import android.graphics.Rect;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.widget.ImageView;

public class RoundedImageView extends ImageView {
   public RoundedImageView(Context ctx, AttributeSet attrs) {
        super(ctx, attrs);

    }
    @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(Config.ARGB_8888, true);
        int w = getWidth(), h = getHeight();
        Bitmap roundBitmap = getRoundedCroppedBitmap(bitmap, w);
        canvas.drawBitmap(roundBitmap, 0, 0, null);
    }
    public static Bitmap getRoundedCroppedBitmap(Bitmap bitmap, int radius) {
        Bitmap finalBitmap;
        if (bitmap.getWidth() != radius || bitmap.getHeight() != radius)
            finalBitmap = Bitmap.createScaledBitmap(bitmap, radius, radius, false);
        else            finalBitmap = bitmap;
        Bitmap output = Bitmap.createBitmap(finalBitmap.getWidth(),
                finalBitmap.getHeight(), Config.ARGB_8888);
        Canvas canvas = new Canvas(output);
        final Paint paint = new Paint();
        final Rect rect = new Rect(0, 0, finalBitmap.getWidth(), finalBitmap.getHeight());
        paint.setAntiAlias(true);
        paint.setFilterBitmap(true);
        paint.setDither(true);
        canvas.drawARGB(0, 0, 0, 0);
        paint.setColor(Color.parseColor("#BAB399"));
        canvas.drawCircle(finalBitmap.getWidth() / 2 + 0.2f, finalBitmap.getHeight() / 2 + 0.2f,
                finalBitmap.getWidth() / 2 + 0.1f, paint);
        paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
        canvas.drawBitmap(finalBitmap, rect, rect, paint);
        return output;
    }
}

and create Imageview inside xml folder as :

<myappplication.RoundedImageView      
android:id="@+id/dashboard_profile_pic"  
android:layout_width="wrap_content"      
android:layout_height="wrap_content" 
android:src="@drawable/image1" />




Here you have to put Imageview full qualified name with imageview 

xml code as shown above.

That's all you have to do for displaying image as a circular view in 

android.

Select Image From gallery or Capture from Camera and set as Profile Pic in Android

First of all Create a dialog to select whether you need to capture image from camera or pick from gallery as :

Code :

 private static Bitmap Image = null;
 private static Bitmap rotateImage = null;
 private static final int CAPTURE_IMAGE = 0;
 private static final int SELECT_PICTURE = 1;


 
 Dialog openDialog = new Dialog(getActivity());
 openDialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
 openDialog.setContentView(R.layout.contact_add_builder_upload_pic_dialog);
 Window window = openDialog.getWindow();
 WindowManager.LayoutParams wlp = window.getAttributes();
 window.setGravity(Gravity.RIGHT |Gravity.TOP);
 openDialog.getWindow().getAttributes().verticalMargin =0.09F;
 openDialog.getWindow().getAttributes().horizontalMargin =0.09F;
 wlp.flags &=~WindowManager.LayoutParams.FLAG_DIM_BEHIND;
 window.setAttributes(wlp);
 openDialog.show();

 final TextView galleryImgTv = (TextView) openDialog.findViewById
         (R.id.gallery_image);

 final TextView cameraImgTv = (TextView) openDialog.findViewById
         (R.id.camera_image);

galleryImgTv.setOnClickListener(new View.OnClickListener()
 {
     @Override     public void onClick (View v){
     Intent pickPhoto = new Intent(Intent.ACTION_PICK,
             android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_URI);
     startActivityForResult(pickPhoto, SELECT_PICTURE);
     openDialog.dismiss();
     }
 });

 cameraImgTv.setOnClickListener(new View.OnClickListener()
 {
     @Override     public void onClick (View view){
     Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
     startActivityForResult(intent, CAPTURE_IMAGE);
     openDialog.dismiss();
     }
 });

 then override onActivityResult method as :

 @Override public void onActivityResult(int requestCode, int resultCode,
                              Intent data) {
     if (requestCode == CAPTURE_IMAGE) {
         onCaptureImageResult(data);
     } else if (requestCode == SELECT_PICTURE) {
         Uri mImageUri = data.getData();
         try {
             Image = MediaStore.Images.Media.getBitmap(getApplicationContext()
                     .getContentResolver(), mImageUri);
             if (getOrientation(getApplicationContext(), mImageUri) != 0) {
                 Matrix matrix = new Matrix();
                 matrix.postRotate(getOrientation(getActivity(), mImageUri));
                 if (rotateImage != null)
                     rotateImage.recycle();
                 rotateImage = Bitmap.createBitmap(Image, 0, 0,
                         Image.getWidth(), Image.getHeight(), matrix, true);
                 profile_pic.setImageBitmap(rotateImage);
             } else                 profile_pic.setImageBitmap(Image);
         } catch (FileNotFoundException e) {
             e.printStackTrace();
         } catch (IOException e) {
             e.printStackTrace();
         }
     }
 }

 then

 public static int getOrientation(Context context, Uri photoUri) {
     Cursor cursor = context.getContentResolver().query(photoUri,
             new String[]{MediaStore.Images.ImageColumns.ORIENTATION},
             null, null, null);
     if (cursor.getCount() != 1) {
         return -1;
     }
     cursor.moveToFirst();
     return cursor.getInt(0);
 }

 and

 public void onCaptureImageResult(Intent data) {
     Bitmap thumbnail = (Bitmap) data.getExtras().get("data");
     ByteArrayOutputStream bytes = new ByteArrayOutputStream();
     thumbnail.compress(Bitmap.CompressFormat.JPEG, 90, bytes);
     File destination = new File(Environment.getExternalStorageDirectory(),
             System.currentTimeMillis() + ".jpg");
     FileOutputStream fo;
     try {
         destination.createNewFile();
         fo = new FileOutputStream(destination);
         fo.write(bytes.toByteArray());
         fo.close();
     } catch (FileNotFoundException e) {
         e.printStackTrace();
     } catch (IOException e) {
         e.printStackTrace();
     }
     profile_pic.setImageBitmap(thumbnail);
 }