Skip to main content

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

Popular posts from this blog

Make Barcode Scanner App Using Firebase ML Kit In Android Studio 2020(Complete Guide) With Source Code | Step By Step Tutorial

In this post, we're going to develop an android app that scans the barcode from the image and produce the required output. This is the output after doing all the steps: You can create your own QR Code from a  barcode generator  with custom data like putting a URL or a mail message etc. The above one is a simple text QR Code. The highlighted text in the above screenshot is the same output you get if you scan the above QR Code with Google Lens. As I show it below: So, Now let's make it. 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-barcode-model:16.0.2' ...

How To Implement AutoML Vision Edge Of Firebase ML Kit In Android Studio 2020 | 5 Simple Step | Step By Step Tutorial

Today, In this post we're going to implement the AutoML vision edge of firebase ml kit in a very 5 simple steps in Android Studio. This is how the app work after doing all the steps:                               Step 1: Add Firebase to Android Project : If you have not added firebase to your android project then do it so I recommend you to go through the post how to add firebase within 5 min 2020 to the android project . Step 2: Download Flower - Image Dataset: We're using the flower-image dataset from TensorFlow  to create the image classification or labeling model and after training this model you can use it for an on-device image labeling in your app. In our case, we are using the 5 labels or type daisy, dandelion, roses, sunflowers, and tulips of flower and the model identifies one of the labels for an image. Download the flower-image dataset. Step 3: Upload and Train Dataset: ...



DMCA.com Protection Status

Copywrite © 2021 The MindfulCode