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 :)