Crop image in android.

Sometimes when creating an Android app that includes user profile picture or avatar, we need to include a feature that enables users to select and crop image to update their profile picture. OnAndroid we can accomplish that by using intent to open image cropper app. To select an image from files, we can pass an intent to image gallery or file manager app then pass the selected image path to camera app to crop the image. It is also the same if we want to take a picture from camera, by passing an intent to camera app to open the camera, take a picture than save it to specified Uri then crop it.

main.xml:

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="vertical" >

    <TextView

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_marginBottom="10dp"

        android:layout_marginTop="10dp"

        android:gravity="center"

        android:text="Select and crop image"

        android:textSize="17sp"

        android:textStyle="bold" />

    <Button

        android:id="@+id/btn_crop"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:text="Select image" />

    <ImageView

        android:id="@+id/iv_photo"

        android:layout_width="fill_parent"

        android:layout_height="200dp"

        android:layout_gravity="center_horizontal"

        android:layout_marginTop="10dp" />

</LinearLayout>

crop_selector.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout

       xmlns:android="http://schemas.android.com/apk/res/android"

       android:layout_width="wrap_content"

       android:layout_height="wrap_content"

       android:padding="10dp"

       android:gravity="center_vertical">

      

       <ImageView

              android:id="@+id/iv_icon"

              android:layout_width="wrap_content"

              android:layout_height="wrap_content"/>

             

       <TextView

              android:id="@+id/tv_name"

              android:layout_width="wrap_content"

              android:layout_height="wrap_content"

              android:text=""/>

</LinearLayout>

MainActivity:

import java.io.File;

import java.util.ArrayList;

import java.util.List;

import android.app.Activity;

import android.app.AlertDialog;

import android.content.ActivityNotFoundException;

import android.content.ComponentName;

import android.content.DialogInterface;

import android.content.Intent;

import android.content.pm.ResolveInfo;

import android.graphics.Bitmap;

import android.provider.MediaStore;

import android.view.View;

import android.net.Uri;

import android.os.Bundle;

import android.os.Environment;

import android.widget.Button;

import android.widget.ArrayAdapter;

import android.widget.Toast;

import android.widget.ImageView;

public class MainActivity extends Activity

{

       private Uri mImageCaptureUri;

       private ImageView mImageView;

       private static final int PICK_FROM_CAMERA = 1;

       private static final int CROP_FROM_CAMERA = 2;

       private static final int PICK_FROM_FILE = 3;

       @Override

       public void onCreate(Bundle savedInstanceState) 

       {

              super.onCreate(savedInstanceState);

              setContentView(R.layout.main);

            final String [] items= new String [] {"Take from camera", "Select from gallery"};                       

              ArrayAdapter<String> adapter= new ArrayAdapter<String> (this,       android.R.layout.select_dialog_item,items);

              AlertDialog.Builder builder= new AlertDialog.Builder(this);

              builder.setTitle("Select Image");

              builder.setAdapter( adapter, new DialogInterface.OnClickListener()

              {

                     public void onClick( DialogInterface dialog, int item )

                     {

                           //pick from camera

                           if (item == 0)

                           {

                                  Intent intent= new Intent(MediaStore.ACTION_IMAGE_CAPTURE);

                           mImageCaptureUri = Uri.fromFile(new File(Environment.getExternalStorageDirectory(),

                     "tmp_avatar_" + String.valueOf(System.currentTimeMillis()) + ".jpg"));

                 intent.putExtra(android.provider.MediaStore.EXTRA_OUTPUT, mImageCaptureUri);

                                  try

                                  {

                                         intent.putExtra("return-data", true);

                                         startActivityForResult(intent, PICK_FROM_CAMERA);

                                  }

                                  catch (ActivityNotFoundException e)

                                  {

                                         e.printStackTrace();

                                  }

                           }

                           else

                           { //pick from file

                                  Intent intent = new Intent(); 

                                  intent.setType("image/*");

                                  intent.setAction(Intent.ACTION_GET_CONTENT);

           startActivityForResult(Intent.createChooser(intent, "Complete action using"), PICK_FROM_FILE);

                           }

                     }

              } );

              final AlertDialog dialog = builder.create();

              Button button= (Button) findViewById(R.id.btn_crop);

              mImageView = (ImageView) findViewById(R.id.iv_photo);

              button.setOnClickListener(new View.OnClickListener()

              {     

                     @Override

                     public void onClick(View v)

                     {

                           dialog.show();

                     }

              });

       }

       @Override

       protected void onActivityResult(int requestCode, int resultCode, Intent data)

       {

              if (resultCode != RESULT_OK) return;

              switch (requestCode)

              {

              case PICK_FROM_CAMERA:

                     doCrop();

                     break;

              case PICK_FROM_FILE:

                     mImageCaptureUri = data.getData();

                     doCrop();

                     break;       

              case CROP_FROM_CAMERA:           

                     Bundle extras = data.getExtras();

                     if (extras != null)

                     {                   

                           Bitmap photo = extras.getParcelable("data");

                           mImageView.setImageBitmap(photo);

                     }

                     File f = new File(mImageCaptureUri.getPath());           

                     if (f.exists()) f.delete();

                     break;

              }

       }

       private void doCrop()

       {

              final ArrayList<CropOption> cropOptions = new ArrayList<CropOption>();

              Intent intent = new Intent("com.android.camera.action.CROP");

              intent.setType("image/*");

              List<ResolveInfo> list = getPackageManager().queryIntentActivities( intent, 0 );

              int size = list.size();

              if (size == 0)

              {              

                     Toast.makeText(this, "Can not find image crop app", Toast.LENGTH_SHORT).show();

                     return;

              }

              else

              {

                     intent.setData(mImageCaptureUri);

                     intent.putExtra("outputX", 200);

                     intent.putExtra("outputY", 200);

                     intent.putExtra("aspectX", 1);

                     intent.putExtra("aspectY", 1);

                     intent.putExtra("scale", true);

                     intent.putExtra("return-data", true);

                     if (size == 1) {

                           Intent i = new Intent(intent);

                           ResolveInfo res= list.get(0);

               i.setComponent( new ComponentName(res.activityInfo.packageName,  res.activityInfo.name));

                       startActivityForResult(i, CROP_FROM_CAMERA);

                     }

                     else

                     {

                           for (ResolveInfo res : list)

                           {

                                  final CropOption co = new CropOption();

                                  co.title      = getPackageManager().getApplicationLabel(res.activityInfo.applicationInfo);

                                  co.icon              = getPackageManager().getApplicationIcon(res.activityInfo.applicationInfo);

                                  co.appIntent= new Intent(intent);

                                  co.appIntent.setComponent( new ComponentName(res.activityInfo.packageName, res.activityInfo.name));

                                  cropOptions.add(co);

                           }

                           CropOptionAdapter adapter = new CropOptionAdapter(getApplicationContext(), cropOptions);

                           AlertDialog.Builder builder = new AlertDialog.Builder(this);

                           builder.setTitle("Choose Crop App");

                            builder.setAdapter( adapter, new DialogInterface.OnClickListener()

                           {

                                  public void onClick( DialogInterface dialog, int item )

                                  {

                                         startActivityForResult( cropOptions.get(item).appIntent, CROP_FROM_CAMERA);

                                  }

                           });

                           builder.setOnCancelListener( new DialogInterface.OnCancelListener()

                           {

                                  @Override

                                  public void onCancel( DialogInterface dialog )

                                  {

                                         if (mImageCaptureUri != null )

                                         {

                                                getContentResolver().delete(mImageCaptureUri, null, null );

                                                mImageCaptureUri = null;

                                         }

                                  }

                           } );

                           AlertDialog alert = builder.create();

                           alert.show();

                     }

              }

       }

}

CropOptionAdapter:

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.ArrayAdapter;

import android.widget.ImageView;

import android.widget.TextView;

import android.content.Context;

import java.util.ArrayList; 

public class CropOptionAdapter extends ArrayAdapter<CropOption>

{

       private ArrayList<CropOption> mOptions;

       private LayoutInflater mInflater;

      

       public CropOptionAdapter(Context context, ArrayList<CropOption> options)

       {

              super(context, R.layout.crop_selector, options);

             

              mOptions= options;        

              mInflater= LayoutInflater.from(context);

       }

      

       @Override

       public View getView(int position, View convertView, ViewGroup group)

       {

              if (convertView == null)

                     convertView = mInflater.inflate(R.layout.crop_selector, null);

             

              CropOption item = mOptions.get(position);

             

              if (item != null)

              {

                     ((ImageView) convertView.findViewById(R.id.iv_icon)).setImageDrawable(item.icon);

                     ((TextView) convertView.findViewById(R.id.tv_name)).setText(item.title);

                    

                     return convertView;

              }

             

              return null;

       }

}

CropOption:

import android.content.Intent;

import android.graphics.drawable.Drawable;

public class CropOption

{

       public CharSequence title;

       public Drawable icon;

       public Intent appIntent;

}

Download Source Code:

I will be happy if you will provide your feedback or follow this blog. Any suggestion and help will be appreciated.

Thank you :)