ImageView ScaleTypes

When there are images that need to be displayed in an Android app, we need to be careful with the way they are scaled. A first basic step is setting the right scaletype in your layout file.

The different scaletypes are:

• center
• centerInside
• centerCrop
• fitXY
• fitStart
• fitCenter (which is the default)
• fitEnd
• matrix (can be used for transformations but is not covered here)

This post will just simple show the different scaletypes with a screenshot of how it looks in the app.

Here's the code of my layout:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/logo"
        android:scaleType="centerCrop" />

</RelativeLayout>

Image larger than its given space

center

centerInside

centerCrop

fitXY

fitStart

fitCenter (default)

fitEnd

Image smaller than its given space

center

centerInside

centerCrop

fitXY

fitStart

fitCenter

fitEnd