Android vector drawable app:srcCompat not showing images

Question

I'm using support library to show vector images on android kitkat. When I test my app on emulater I don't see any of these images. I made a separate layout for android lollipop and above and it workd perfectly (I think because I'm using src attribute instead of srcCompatHere's the code where I'm usign support library

<LinearLayout android:layout_alignParentBottom="true"
android:id="@+id/lake_detail"
android:background="@drawable/my_fishing_plan_footer_line"
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="90dp"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">

<RelativeLayout
            android:layout_marginRight="3dp"
            android:id="@+id/fire_logo"
            android:layout_width="20sp"
            android:layout_height="20sp">

            <ImageView
                android:tint="#d74313"
                app:srcCompat="@drawable/circle_icon"
                android:layout_width="30sp"
                android:layout_height="30sp" />

            <ImageView
                android:layout_centerVertical="true"
                android:layout_centerHorizontal="true"
                app:srcCompat="@drawable/lauzaviete"
                android:layout_width="25dp"
                android:layout_height="25dp" />

        </RelativeLayout>

and it's strange because I see the images on android studio preview window.

Use `android.support.v7.widget.AppCompatImageView` and make sure you are using the latest support version. — Jared Burrows, Jul 06 '16 at 10:41
@Jared Burrows Thank you! Could you write this like an answer? I would like to accept it! — David, Jul 06 '16 at 10:43

score 208 · Accepted Answer · edited Oct 05 '18 at 09:42

208

Original Answer

Use android.support.v7.widget.AppCompatImageView instead of ImageView in your layout, like this:

<LinearLayout 
  ...
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto">

  <android.support.v7.widget.AppCompatImageView
    android:tint="#d74313"
    app:srcCompat="@drawable/circle_icon"
    android:layout_width="30sp"
    android:layout_height="30sp" />

  <android.support.v7.widget.AppCompatImageView
    android:layout_centerVertical="true"
    android:layout_centerHorizontal="true"
    app:srcCompat="@drawable/lauzaviete"
    android:layout_width="25dp"
    android:layout_height="25dp" />
</LinearLayout>

See the AppCompatImageView docs here and app:srcCompat here.

Also, make sure to do the following:

Setup your build.gradle

android {
  defaultConfig {
    vectorDrawables {
      useSupportLibrary = true
    }
  }
}

Docs: https://google.github.io/android-gradle-dsl/current/com.android.build.gradle.internal.dsl.VectorDrawablesOptions.html#com.android.build.gradle.internal.dsl.VectorDrawablesOptions:useSupportLibrary

Extend your Activity with AppCompatActivity

public final class MainActivity extends AppCompatActivity {    
  @Override protected void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    setContentView(R.layout.activity_main);
  }
}

When using app:srcCompat, make sure to have the correct declarations in your layout:

<LinearLayout 
  ...
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto">
  ...
</LinearLayout>

Optional (warning: please read docs): setCompatVectorFromResourcesEnabled in your Application class

public class App extends Application {

  @Override public void onCreate() {
    super.onCreate();

    // Make sure we use vector drawables
    AppCompatDelegate.setCompatVectorFromResourcesEnabled(true);
  }
}

Docs: https://developer.android.com/reference/android/support/v7/app/AppCompatDelegate.html#setCompatVectorFromResourcesEnabled(boolean)

edited Oct 05 '18 at 09:42

Elementary

2,103
2
23
35

answered Jul 06 '16 at 12:54

Jared Burrows

52,770
23
148
184

2

Why doesn't it just work with ImageView in supportLibVersion = '25.0.1'? – Etienne Lawlor Nov 24 '16 at 05:01
@toobsco42 got any solution for supportLibVersion = '25.0.1'?? – LOG_TAG Nov 28 '16 at 19:01
So my issue was that i was not extending AppCompatActivity. I was extending Activity so i wasn't using the right LayoutInflater and the ImageView was not being replaced with an AppCompatImageView automatically. – Etienne Lawlor Nov 28 '16 at 19:10
1

@toobsco42 If you look at the `ImageView` docs, https://developer.android.com/reference/android/widget/ImageView.html, does not have `srcCompat` but `AppCompatImageView` does: https://developer.android.com/reference/android/support/v7/widget/AppCompatImageView.html. – Jared Burrows Nov 29 '16 at 05:56
9

Why should I use `AppCompatImageView` in layout. The doc says: "This will automatically be used when you use ImageView in your layouts. You should only need to manually use this class when writing custom views." – Ordon Dec 23 '16 at 14:14
@Ordon Yes you are right. I do know when this was posted, you would get an IDE lint warning when using `ImageView`. I seem to no longer get that anymore. – Jared Burrows Dec 23 '16 at 18:48
1

That's the most complete answer ever. Thanks so much. – leoneboaventura Apr 24 '17 at 07:08
4

@JaredBurrows #JustForRecords it is not necessary to extend activity from AppCompatActivity if you use app:srcCompat attribute on android.support.v7.widget.AppCompatImageView – Ewoks May 10 '17 at 15:37
I was using the SVG along with the react-native-splash-screen and found that ImageView works great when `setContentView` of the SplashActivity, but does not work when `setContentView` of the `PhoneWindow` backing the `Dialog`. For that reason I had to use `android.support.v7.widget.AppCompatImageView` which worked on both Activity and Dialog. – kendavidson Jul 01 '19 at 13:17

score 18 · Answer 2 · edited May 23 '17 at 11:47

18

I had a similar issue and after following all steps from Jared Burrows's answer the problem was not solved.

Turns out that the "app" namespace inside my layout file was set as:

xmlns:app="http://schemas.android.com/tools"

instead of:

xmlns:app="http://schemas.android.com/apk/res-auto"

After changing this the problem was fixed

edited May 23 '17 at 11:47

Community

1
1

answered Jan 04 '17 at 13:07

Amaro

491
5
10

score 13 · Answer 3 · answered May 08 '19 at 16:42

13

Incase anyone else runs into this problem and is using androidx, then try using androidx.appcompat.widget.AppCompatImageView

answered May 08 '19 at 16:42

nada

1,422
10
18

3

Why should I use AppCompatImageView in layout. The doc says: "This will automatically be used when you use ImageView in your layouts. You should only need to manually use this class when writing custom views." – S. Gissel Oct 12 '19 at 07:28
1

@S.Gissel well, I guess you might be using an updated version. At the time I tried this that was the only solution that worked for my case – nada Oct 12 '19 at 07:40
Thank you so much...This fixed my issue. The drawable DOES NOT SHOW when you are inflating the layout in a service and is using ```ImageView```. https://stackoverflow.com/q/68128001/11110509 Need ```AppCompatImageView``` for it to work. – DIRTY DAVE Jun 25 '21 at 09:13

score 5 · Answer 4 · answered Mar 21 '19 at 19:51

5

In summary:

Put vector drawable support in your module (build.gradle)

defaultConfig {           
     vectorDrawables.useSupportLibrary = true
 }

Instead of android:src="@drawable/icon" use app:srcCompat="@drawable/icon"
Make sure your Activity extends AppCompatActivity without this step is not possible to show vector image with app:srcCompat

answered Mar 21 '19 at 19:51

Gabriel Perez

363
6
9

This was the case with me. I was extending FragmentActivity. Thank you for adding that explanation! – Kulbir Saini Apr 11 '20 at 17:52

score 1 · Answer 5 · answered Oct 11 '17 at 14:14

1

use:

android:background="@drawable/circle_icon"

instead of:

app:srcCompat="@drawable/circle_icon"

answered Oct 11 '17 at 14:14

Gouda Elalfy

6,558
1
24
37

1

I can consider your answer because it shows the image, so thanks! The bad is that we can't get the feedback when user touch the image. – Filipe Brito Nov 09 '17 at 19:33
1

In fact it should be avoided. – CoXier Mar 31 '19 at 03:02

Isaac Sekamatte · Answer 6 · 2018-11-02T10:33:15.430

1

Implement and app:srcCompact and then you can use it on the ImageView

implementation 'com.android.support:appcompat-v7:28.0.0'

Make sure you implement the right version.

Then in your build.gradle set android.defaultConfig.vectorDrawables.useSupportLibrary = true

defaultConfig {

    //...

    vectorDrawables {
        useSupportLibrary true
    }
}

edited Nov 02 '18 at 10:33

answered Nov 02 '18 at 10:24

Isaac Sekamatte

5,116
1
29
36

score 1 · Answer 7 · answered Apr 27 '20 at 04:53

1

The problem was with my Code as well. Solution: As Android is upgrading to Androidx Artifacts, I used Instead of Regular and it Worked!

answered Apr 27 '20 at 04:53

Abhishek

33
7

score 0 · Answer 8 · answered Jul 21 '18 at 20:52

0

Additional be sure that your vector drawables located in drawable and not in drawable-anydpi.

I end up often with problems if the graphics located in drawable-anydpi folder.

answered Jul 21 '18 at 20:52

Fabi755

1,448
1
11
28

Android vector drawable app:srcCompat not showing images

8 Answers8

Original Answer

Also, make sure to do the following:

Linked