How to Crop Image from Camera and Gallery in Android? - GeeksforGeeks

19 Feb, 2021
In the previous article, we have discussed how to select an Image from Gallery in Android, but in this project, there is no crop functionality. Sometimes we take pictures on our phone and want to update them as our profile picture. But we need to need to remove the background. So in that case we can use the crop image feature to remove that background and then we can upload that image. A sample video is given below to get an idea about what we are going to do in this article. Note that we are going to implement this project using the Java language. 
Media error: Format(s) not supported or source(s) not found
Step 1: Create a New Project
To create a new project in Android Studio please refer to How to Create/Start a New Project in Android Studio. Note that select Java as the programming language.
Step 2: Add dependency to the build.gradle(Module:app) file
Navigate to the Gradle Scripts > build.gradle(Module:app) and add the below dependency in the dependencies section.   
// This library is used for crop image feature
api ‘com.theartofdev.edmodo:android-image-cropper:2.8.+’
// This library is used for loading the  
// cropped image into ImageView.
implementation ‘com.squareup.picasso:picasso:2.5.2’
Step 3: Working with the AndroidManifest.xml file
Add below permission to the AndroidManifest.xml file.
<uses-permission android:name=”android.permission.READ_EXTERNAL_STORAGE” />
<uses-permission android:name=”android.permission.WRITE_EXTERNAL_STORAGE” />
<uses-permission android:name=”android.permission.CAMERA”/>
Add below lines inside the <application> tag.
<activity
 android:name=”com.theartofdev.edmodo.cropper.CropImageActivity”
 android:theme=”@style/Base.Theme.AppCompat” />
Below is the code for the complete AndroidManifest.xml file.
XML
<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android"    package="com.anni.cropimage">      <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />    <uses-permission android:name="android.permission.CAMERA" />      <application        android:allowBackup="true"        android:icon="@mipmap/ic_launcher"        android:label="@string/app_name"        android:roundIcon="@mipmap/ic_launcher_round"        android:supportsRtl="true"        android:theme="@style/AppTheme">        <activity android:name=".MainActivity">            <intent-filter>                <action android:name="android.intent.action.MAIN" />                  <category android:name="android.intent.category.LAUNCHER" />            </intent-filter>        </activity>          <activity            android:name="com.theartofdev.edmodo.cropper.CropImageActivity"            android:theme="@style/Base.Theme.AppCompat" />      </application>  </manifest>
Step 3: Working with the activity_main.xml file
Navigate to the app > res > layout > activity_main.xml and add the below code to that file. Below is the code for the activity_main.xml file. 
XML
<?xml version="1.0" encoding="utf-8"?><LinearLayout     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:layout_marginBottom="100dp"    android:gravity="center"    android:orientation="vertical"    tools:context=".MainActivity">      <!--Here the selected cropped image will be shown-->    <ImageView        android:id="@+id/set_profile_image"        android:layout_width="300dp"        android:layout_height="300dp"        android:layout_alignParentTop="true"        android:layout_centerHorizontal="true"        android:layout_marginTop="40dp"        android:src="@drawable/ic_image_black_24dp" />          <!--Here we are clicking on this text to select        an image from camera or gallery-->    <TextView        android:id="@+id/click"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="Click Here to select an Image"        android:textSize="22sp"        android:textStyle="bold" />  </LinearLayout>
Step 4: Working with the MainActivity.java file
Go to the MainActivity.java file and refer to the following code. Below is the code for the MainActivity.java file. Comments are added inside the code to understand the code in more detail.
Java
import android.Manifest;import android.app.AlertDialog;import android.content.DialogInterface;import android.content.Intent;import android.content.pm.PackageManager;import android.net.Uri;import android.os.Bundle;import android.view.View;import android.widget.ImageView;import android.widget.TextView;import android.widget.Toast;  import androidx.annotation.NonNull;import androidx.annotation.Nullable;import androidx.appcompat.app.AppCompatActivity;import androidx.core.content.ContextCompat;  import com.squareup.picasso.Picasso;import com.theartofdev.edmodo.cropper.CropImage;  public class MainActivity extends AppCompatActivity {      ImageView userpic;    private static final int GalleryPick = 1;    private static final int CAMERA_REQUEST = 100;    private static final int STORAGE_REQUEST = 200;    private static final int IMAGEPICK_GALLERY_REQUEST = 300;    private static final int IMAGE_PICKCAMERA_REQUEST = 400;    String cameraPermission[];    String storagePermission[];    Uri imageuri;      TextView click;      @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);          // Here we are initialising         // the text and image View        click = findViewById(R.id.click);        userpic = findViewById(R.id.set_profile_image);          // allowing permissions of gallery and camera        cameraPermission = new String[]{Manifest.permission.CAMERA, Manifest.permission.WRITE_EXTERNAL_STORAGE};        storagePermission = new String[]{Manifest.permission.WRITE_EXTERNAL_STORAGE};          // After clicking on text we will have         // to choose whether to        // select image from camera and gallery        click.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View view) {                showImagePicDialog();            }        });    }      private void showImagePicDialog() {        String options[] = {"Camera", "Gallery"};        AlertDialog.Builder builder = new AlertDialog.Builder(this);        builder.setTitle("Pick Image From");        builder.setItems(options, new DialogInterface.OnClickListener() {            @Override            public void onClick(DialogInterface dialog, int which) {                if (which == 0) {                    if (!checkCameraPermission()) {                        requestCameraPermission();                    } else {                        pickFromGallery();                    }                } else if (which == 1) {                    if (!checkStoragePermission()) {                        requestStoragePermission();                    } else {                        pickFromGallery();                    }                }            }        });        builder.create().show();    }      // checking storage permissions    private Boolean checkStoragePermission() {        boolean result = ContextCompat.checkSelfPermission(this, Manifest.permission.WRITE_EXTERNAL_STORAGE) == (PackageManager.PERMISSION_GRANTED);        return result;    }      // Requesting  gallery permission    private void requestStoragePermission() {        requestPermissions(storagePermission, STORAGE_REQUEST);    }      // checking camera permissions    private Boolean checkCameraPermission() {        boolean result = ContextCompat.checkSelfPermission(this, Manifest.permission.CAMERA) == (PackageManager.PERMISSION_GRANTED);        boolean result1 = ContextCompat.checkSelfPermission(this, Manifest.permission.WRITE_EXTERNAL_STORAGE) == (PackageManager.PERMISSION_GRANTED);        return result && result1;    }      // Requesting camera permission    private void requestCameraPermission() {        requestPermissions(cameraPermission, CAMERA_REQUEST);    }      // Requesting camera and gallery    // permission if not given    @Override    public void onRequestPermissionsResult(int requestCode, @NonNull String[] permissions, @NonNull int[] grantResults) {        switch (requestCode) {            case CAMERA_REQUEST: {                if (grantResults.length > 0) {                    boolean camera_accepted = grantResults[0] == PackageManager.PERMISSION_GRANTED;                    boolean writeStorageaccepted = grantResults[1] == PackageManager.PERMISSION_GRANTED;                    if (camera_accepted && writeStorageaccepted) {                        pickFromGallery();                    } else {                        Toast.makeText(this, "Please Enable Camera and Storage Permissions", Toast.LENGTH_LONG).show();                    }                }            }            break;            case STORAGE_REQUEST: {                if (grantResults.length > 0) {                    boolean writeStorageaccepted = grantResults[0] == PackageManager.PERMISSION_GRANTED;                    if (writeStorageaccepted) {                        pickFromGallery();                    } else {                        Toast.makeText(this, "Please Enable Storage Permissions", Toast.LENGTH_LONG).show();                    }                }            }            break;        }    }      // Here we will pick image from gallery or camera    private void pickFromGallery() {        CropImage.activity().start(MainActivity.this);    }      @Override    protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {        super.onActivityResult(requestCode, resultCode, data);        if (requestCode == CropImage.CROP_IMAGE_ACTIVITY_REQUEST_CODE) {            CropImage.ActivityResult result = CropImage.getActivityResult(data);            if (resultCode == RESULT_OK) {                Uri resultUri = result.getUri();                Picasso.with(this).load(resultUri).into(userpic);            }        }    }}
Media error: Format(s) not supported or source(s) not found
Github Link: https://github.com/Anni1123/CropImage
android
Picked
Technical Scripter 2020
Android
Java
Technical Scripter
Java
Android
Writing code in comment?
Please use ide.geeksforgeeks.org,
generate link and share the link here.
Resource Raw Folder in Android Studio
Flutter - Custom Bottom Navigation Bar
How to Read Data from SQLite Database in Android?
Flexbox-Layout in Android
How to Post Data to API using Retrofit in Android?
Arrays in Java
Split() String method in Java with examples
For-each loop in Java
Stream In Java
Object Oriented Programming (OOPs) Concept in Java