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...

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...

How To Add Firebase To Android Project Within 5 Minutes 2021 (Complete Guide) | Step By Step Tutorial

In this post, we're going to add firebase to an android project. Step 1: Go to Firebase Console after sign in to your google account and click on add project . Step 2: Enter your android project name and click continue. Again click continue. Now, click on the create project and the last click on continue. Our firebase project is ready now and now we have to link it with our android project. So let's follow this remaining step for linking the android project to the firebase project. Step 3: Click on the android icon (2nd one). Step 4: Enter the application id (package name) in the Android package name. You can find your application...

The MindfulCode Blogs