Android 矢量可绘制应用程序：srcCompat 不显示图像

Question

我正在使用支持库在 android kitkat 上显示矢量图像。 当我在模拟器上测试我的应用程序时，我看不到任何这些图像。 我为 android 棒棒糖及以上版本制作了一个单独的布局，它工作得很好（我想是因为我使用的是src属性而不是srcCompat这是我使用支持库的代码

<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>

这很奇怪，因为我在 android studio 预览窗口中看到了图像。

Answer 1

原答案

在布局中使用android.support.v7.widget.AppCompatImageView而不是ImageView ，如下所示：

<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>

见AppCompatImageView文档这里和app:srcCompat 这里。

此外，请确保执行以下操作：

设置你的build.gradle

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

文档： https://google.github.io/android-gradle-dsl/current/com.android.build.gradle.internal.dsl.VectorDrawablesOptions.html#com.android.build.gradle.internal.dsl.VectorDrawablesOptions：使用支持库

使用AppCompatActivity扩展您的Activity

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

    setContentView(R.layout.activity_main);
  }
}

使用app:srcCompat ，请确保布局中有正确的声明：

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

可选（警告：请阅读文档）：在您的Application类中使用setCompatVectorFromResourcesEnabled

public class App extends Application {

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

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

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

Answer 2

我有一个类似的问题，在按照Jared Burrows 回答的所有步骤之后，问题没有解决。

原来我的布局文件中的“app”命名空间被设置为：

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

而不是：

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

更改后问题就解决了

Answer 3

如果其他人遇到此问题并正在使用androidx ，请尝试使用androidx.appcompat.widget.AppCompatImageView

Answer 4

总之：

1. 将矢量可绘制支持放在您的模块中（build.gradle）

    defaultConfig { vectorDrawables.useSupportLibrary = true }

2. 代替android:src="@drawable/icon"使用app:srcCompat="@drawable/icon"

3. 确保您的Activity extends AppCompatActivity没有这一步是不可能用app:srcCompat显示矢量图像

Answer 5

使用：

android:background="@drawable/circle_icon"

而不是：

app:srcCompat="@drawable/circle_icon"

Answer 6

实现和app:srcCompact然后你可以在ImageView上使用它

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

确保您实现了正确的版本。

然后在你的build.gradle设置android.defaultConfig.vectorDrawables.useSupportLibrary = true

defaultConfig {

    //...

    vectorDrawables {
        useSupportLibrary true
    }
}

Answer 7

问题也出在我的代码上。 解决方案：由于 Android 正在升级到 Androidx Artifacts，我使用了而不是常规并且它起作用了！

Answer 8

另外请确保您的矢量可绘制对象位于drawable而不是drawable-anydpi 。

如果图形位于drawable-anydpi文件夹中，我经常会遇到问题。