Select (or Capture) and Crop Image In Android Studio 2020 (Complete Guide) | Step By Step Guide

In, this post we're going to make an app that captures or selects an image and then displays in an image view using a third party library - android image cropper by ArthurHub at Github.

Step 1: Add Dependency :

Open android studio and paste this dependency in app-level build.gradle file as shown below:

implementation 'com.theartofdev.edmodo:android-image-cropper:2.7.+'

and then click on Sync Now.

Step 2: Design the main activity layout :

Add a Button and an ImageView to select and display image respectively as shown below:

Step 3: Modify AndroidMainfest.xml by adding the CropImageActivity :

<activity
android:name="com.theartofdev.edmodo.cropper.CropImageActivity"
android:screenOrientation="portrait"
android:theme="@style/Base.Theme.AppCompat"/>

as shown below-

Step 4: Open CropImageActivity on Click of a button :

Step 5: Lastly, override the On Activity Result and update ImageView :

Now, run the app :)

You will output something like this:

The source code of this image picker app is available at GitHub.

If you face any problem or have any suggestion please comment it down we love to answer it.

Comment down what next topic you need a guide on? or Drop a message on our social media handle.

Happy coding and designing : )

Comments

How To Set Up Android Studio/VS Code For Flutter 2021 (Complete Guide) In Ubuntu | Step By Step Tutorial

In this post, we're going to set up the android studio for flutter - Google’s most awaited UI tool kit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. So a single codebase for making an application for multiple platforms. Step 1: Download flutter SDK from flutter.dev and after extracting it place the flutter folder inside it at your desired location like this:- Step 2: Open the terminal and Set the path up to the bin folder inside flutter:- export PATH=$PATH:/home/himanshu/Desktop/fluttersdk/flutter/bin Step 3: Download java 8 and set JAVA_HOME and JRE_HOME path. Run this command in terminal:- sudo apt install openjdk-8-jdk openjdk-8-jre It will download the java 8 package in /usr/lib/jvm/ and now set the JAVA_HOME and JRE_HOME path up to this location for this, Run this command in the terminal:- export JAVA_HOME=/usr/lib/jvm/java...

Detect and Track Object Using Firebase ML Kit In Android Studio 2020(Complete Guide) With Source Code | Step By Step Tutorial

In this post, we're going to detect and track an object in an image using a firebase ml kit in an android studio. This is the output after doing all the steps: So, now make it happen: Step 1: Add Firebase to your android project: I recommend you to see how to add firebase to the android project in 5minutes to know how to add it or if you already add it then you can move on to 2nd Step. Step 2: Add this dependency for the ml kit android libraries to your app-level build.gradle file: implementation 'com.google.firebase:firebase-ml-vision:24.0.1' implementation 'com.google.firebase:firebase-ml-vision-object-detection-model:19.0.3' as shown below and then click on Sync Now. Step 3: Design the layout of the activity: <? xml version ="1.0" encoding ="utf-8" ?> <RelativeLayout xmlns: android ="http://schemas.android.com/apk/res/android" android :layout_width ="match_parent" android :la...

Translate Text Using Firebase ML Kit In Android Studio 2020 (Complete Guide) With Source Code |

In this post, we're going to translate the text from one to another language using ml kit of a firebase in android studio. We're translating to English but you can translate to any language you required So, This is the output after you are done with all step: So, now make it happen :) Step 1: Add Firebase to your android project: I recommend you to see how to add firebase to the android project in 5minutes to know how to add it or if you already add it then you can move on to 2nd Step. Step 2: Add this dependency for the ml kit android libraries to your app-level build.gradle file: implementation 'com.google.firebase:firebase-ml-natural-language:22.0.0' implementation 'com.google.firebase:firebase-ml-natural-language-translate-model:20.0.7' as shown below and then click on Sync Now.: Step 3: Design the layout of the activity: <? xml version ="1.0" encoding ="utf-8" ?> <RelativeLayout xmlns: andr...

The MindfulCode Blogs