Monday, 12 May 2014

CAPTURE OR SELECT AND CROP IMAGE ON ANDROID



Image select from gallery 
Image capture from Camera


Here is Code for Doing that, In this code I included Everything in MainActivity.java If you need You can make more than one classes.

MainActivity.Java

package com.example.bestimageselectionwithcrop;

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.Context;
import android.content.DialogInterface;
import android.content.Intent;
import android.content.pm.ResolveInfo;
import android.graphics.Bitmap;
import android.graphics.drawable.Drawable;
import android.net.Uri;
import android.os.Bundle;
import android.os.Environment;
import android.provider.MediaStore;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity {

       private Uri mImageCaptureUri;
       private ImageView mImageView;
       private AlertDialog dialog;

       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
       protected void onCreate(Bundle savedInstanceState) {
              super.onCreate(savedInstanceState);
              setContentView(R.layout.activity_main);
              captureImageInitialization();

              Button button = (Button) findViewById(R.id.SelectImageBtn);
              mImageView = (ImageView) findViewById(R.id.ProfilePicIV);

              button.setOnClickListener(new View.OnClickListener() {
                     @Override
                     public void onClick(View v) {
                           dialog.show();
                     }
              });

       }

       private void captureImageInitialization() {
              /**
               * a selector dialog to display two image source options, from camera
               * ‘Take from camera’ and from existing files ‘Select from gallery’
               */
              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) {
                                  /**
                                   * To take a photo from camera, pass intent action
                                   * ‘MediaStore.ACTION_IMAGE_CAPTURE‘ to open the camera app.
                                   */
                                  Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);

                                  /**
                                   * Also specify the Uri to save the image on specified path
                                   * and file name. Note that this Uri variable also used by
                                   * gallery app to hold the selected image path.
                                   */
                                  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
                                  /**
                                   * To select an image from existing files, use
                                   * Intent.createChooser to open image chooser. Android will
                                   * automatically display a list of supported applications,
                                   * such as image gallery or file manager.
                                   */
                                  Intent intent = new Intent();

                                  intent.setType("image/*");
                                   intent.setAction(Intent.ACTION_GET_CONTENT);

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

              dialog = builder.create();
       }

       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;
              }
       }

       public class CropOption {
              public CharSequence title;
              public Drawable icon;
              public Intent appIntent;
       }

       @Override
       protected void onActivityResult(int requestCode, int resultCode, Intent data) {
              if (resultCode != RESULT_OK)
                     return;

              switch (requestCode) {
              case PICK_FROM_CAMERA:
                     /**
                      * After taking a picture, do the crop
                      */
                     doCrop();

                     break;

              case PICK_FROM_FILE:
                     /**
                      * After selecting image from files, save the selected path
                      */
                     mImageCaptureUri = data.getData();

                     doCrop();

                     break;

              case CROP_FROM_CAMERA:
                     Bundle extras = data.getExtras();
                     /**
                      * After cropping the image, get the bitmap of the cropped image and
                      * display it on imageview.
                      */
                     if (extras != null) {
                           Bitmap photo = extras.getParcelable("data");

                           mImageView.setImageBitmap(photo);
                     }

                     File f = new File(mImageCaptureUri.getPath());
                     /**
                      * Delete the temporary image
                      */
                     if (f.exists())
                           f.delete();

                     break;

              }
       }

       private void doCrop() {
              final ArrayList<CropOption> cropOptions = new ArrayList<CropOption>();
              /**
               * Open image crop app by starting an intent
               * ‘com.android.camera.action.CROP‘.
               */
              Intent intent = new Intent("com.android.camera.action.CROP");
              intent.setType("image/*");

              /**
               * Check if there is image cropper app installed.
               */
              List<ResolveInfo> list = getPackageManager().queryIntentActivities(
                           intent, 0);

              int size = list.size();

              /**
               * If there is no image cropper app, display warning message
               */
              if (size == 0) {

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

                     return;
              } else {
                     /**
                      * Specify the image path, crop dimension and scale
                      */
                     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);
                     /**
                      * There is posibility when more than one image cropper app exist,
                      * so we have to check for it first. If there is only one app, open
                      * then app.
                      */

                     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 {
                           /**
                            * If there are several app exist, create a custom chooser to
                            * let user selects the app.
                            */
                           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();
                     }
              }
       }

}


 Now Create On more Layout as
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"
> 
      
       <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>


and here is your activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/bgimage"
    tools:context=".MainActivity" >

    <Button
        android:id="@+id/SelectImageBtn"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="19dp"
        android:textColor="@android:color/white"
        android:textSize="24sp"
        android:layout_margin="20dp"
        android:background="@drawable/button_bg_pressed"
        android:text="Select Image" />

    <ImageView
        android:id="@+id/ProfilePicIV"
        android:layout_width="250dp"
        android:layout_height="250dp"
        android:layout_centerInParent="true"
        android:src="@drawable/ic_launcher" />

</RelativeLayout>

and there is No special changes in AndroidManifest.xml file 

here you can download Complete Source Code Example 

and you can follow original tutorial from here

1 comment: