Why is my ImageView not showing the image?

Question

Trying to display an image using ImageView but it's not being displayed. The source image is kept in the drawable directory.

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/constrainLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="centerInside"
        android:visibility="visible"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.485"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        tools:ignore="ContentDescription"
        tools:srcCompat="@drawable/nature"/>
</androidx.constraintlayout.widget.ConstraintLayout>

Try using `app:srcCompat="@drawable/nature"` instead of `tools:srcCompat="@drawable/nature"` — hiddeneyes02, Jun 19 '20 at 11:13

score 2 · Answer 1 · answered Jun 19 '20 at 10:36

2

instead of using

        tools:srcCompat="@drawable/nature"

use

        android:src="@drawable/nature"

answered Jun 19 '20 at 10:36

Wini

1,906
1
12
31

Thanks Wini,It worked :),would you please tell me what is the difference ? – Ubaid Khan Jun 19 '20 at 10:38
please check my answer it explained the difference – Shalu T D Jun 19 '20 at 10:41
@UbaidKhan any property prefixed with `tools:` is ignored at runtime – RobCo Jun 19 '20 at 10:42
@UbaidKhan for more explanation --> https://stackoverflow.com/questions/40624554/difference-between-appsrccompat-and-androidsrc-in-androids-layout-xml – Wini Jun 19 '20 at 10:48

score 2 · Accepted Answer · answered Jun 19 '20 at 10:36

The tools:srcCompat="@drawable/nature" is using for showing the image in design time. When you need to see it on run time, you should add android:src="@drawable/nature" as below in your ImageView:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/constrainLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="centerInside"
        android:visibility="visible"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.485"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        android:src="@drawable/nature"
        tools:ignore="ContentDescription"
        tools:srcCompat="@drawable/nature"/>
</androidx.constraintlayout.widget.ConstraintLayout>

score 1 · Answer 3 · answered Jun 19 '20 at 10:37

1

Just replace

tools:srcCompat="@drawable/nature"

by

android:src="@drawable/nature"

answered Jun 19 '20 at 10:37

Ronak Sethi

607
5
12

Why is my ImageView not showing the image?

3 Answers3