You can fix that by using android:scaleType='centerCrop' which allow the image to fill the remaining space.Īndroid ImageView with scaletype. ( Large preview)ĩ- When you tap on the ImageView inside Android Studio preview window, you will see an empty space from top and bottom of the ImageView. ( Large preview)Ĩ- Add some margin above the ImageView and place it in the center.Īndroid ImageView placed in the center with margin. ( Large preview)ħ- Reduce the size of the ImageView by adjusting android:layout_width and android:layout_heightĪdjust width and height of Android ImageView. – Android TextView for the image title and description.Ħ- Add Android ImageView and make sure that you have added the image that you want to use for the ImageView inside the project drawable folder.Īndroid ImageView with image. – Android ImageView that will hold the picture. ( Large preview)ĥ- Open activity_main.xml file, here you will add 3 views: ( Large preview)Ģ- Open up adle (Module:app) and add PhotoView library.Ĭompile ':PhotoView:2.1.3'ģ- Now you need to open up adle (Project) and you need to add this line maven inside (allprojects) tag.Ĥ- Sync the project by clicking on (Sync Now).Īndroid studio sync gradle file. In this tutorial we will be using the following:ġ- Open up Android Studio and create a new project and give it a name, in our case we’ve named it (ImageZoom), choose API 16 as the minimum SDK, then choose a blank activity, click “Finish” and wait for Android Studio to build your project.Ĭreate new Android Studio project. You will be building an app that have an Android ImageView and a TextView, when you tap on the ImageView an Android Alertdialog will appear on the screen showing you the image in full size where you can pinch and zoom on the image itself.īy the end of this tutorial, you will have an app that looks like this. The experience will be a lot similar to what you see today in social media apps.

Hi and welcome to another tutorial from Codingdemos, today you will learn how to build pinch to zoom Android function on an ImageView using 3rd party library called PhotoView.

Android studio preview is blank