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.

Answer 1

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)

Answer 2

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