为什么我的 SVG 图像在设备 API 16 和 API 27 中看起来很模糊

Question

我通过 Android Studio 生成了一个 96x96 的 SVG 图像。

然后，我在以下布局中应用 SVG 文件。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:gravity="center">

    <LinearLayout
        android:padding="8dp"
        android:id="@+id/linear_layout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:clickable="true"
        android:background="?selectableItemBackgroundBorderless"
        android:gravity="center"
        android:orientation="vertical">
        <ImageView
            android:id="@+id/image_view"
            android:duplicateParentState="true"
            android:clickable="false"

            android:layout_width="96dp"
            android:layout_height="96dp"
            android:scaleType="fitXY"
            app:srcCompat="@drawable/ic_content_paste_black_24dp" />
        <TextView
            android:id="@+id/text_view"
            android:layout_marginTop="8dp"
            android:duplicateParentState="true"
            android:clickable="false"

            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/tap_to_add_note"
            android:textSize="24sp" />
    </LinearLayout>

</LinearLayout>

请注意，

1. 我在ImageView 中使用app:srcCompat
2. 我已添加vectorDrawables.useSupportLibrary = true，如https://stackoverflow.com/a/35795933/72437 中所述
3. 我使用android:scaleType="fitXY"，如https://stackoverflow.com/a/35930518/72437 中所述

在 API 27 和 API 16 中看起来都很模糊。

API 27

API 16

注意

您会注意到图标是灰色而不是黑色。这是因为我已经申请了

DrawableCompat.setTint(this.imageView.getDrawable(), greyIconColor);

但是，我不确定为什么 API 16 没有显示为灰色。

我的 build.gradle 文件看起来像

build.gradle

apply plugin: 'com.android.application'

android {
    compileSdkVersion 27
    defaultConfig {
        applicationId "com.yocto.noteplus"
        minSdkVersion 14
        targetSdkVersion 27
        versionCode 1
        versionName "1.0"
        testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
        vectorDrawables.useSupportLibrary = true
    }

dependencies {
    implementation 'com.android.support:appcompat-v7:27.1.1'
    implementation 'com.android.support:design:27.1.1'
    implementation 'com.android.support:gridlayout-v7:27.1.1'

SVG 文件

我的 SVG 文件内容是

<vector android:height="96dp" android:viewportHeight="24.0"
    android:viewportWidth="24.0" android:width="96dp" xmlns:android="http://schemas.android.com/apk/res/android">
    <path android:fillColor="#FF000000" android:pathData="M19,2h-4.18C14.4,0.84 13.3,0 12,0c-1.3,0 -2.4,0.84 -2.82,2L5,2c-1.1,0 -2,0.9 -2,2v16c0,1.1 0.9,2 2,2h14c1.1,0 2,-0.9 2,-2L21,4c0,-1.1 -0.9,-2 -2,-2zM12,2c0.55,0 1,0.45 1,1s-0.45,1 -1,1 -1,-0.45 -1,-1 0.45,-1 1,-1zM19,20L5,20L5,4h2v3h10L17,4h2v16z"/>
</vector>

---

补充说明

您可以运行实际设备来查看模糊效果，也可以使用 Logcat 中的截屏来查看模糊效果。

请问，为什么我的 SVG 图像在设备 API 16 和 API 27 中看起来很模糊？

Answer 1

我以前也遇到过类似的问题。在我的情况下，这是由于 drawable 文件夹下的 SVG 和 PNG 文件都带有 same name。

如下所示，我有ic_content_paste_black_24dp.png 和ic_content_paste_black_24dp.xml (SVG)。

所以当我们指定时：

app:srcCompat="@drawable/ic_content_paste_black_24dp" />

系统感到困惑并选择了PNG 文件，因为没有指定file extension。

Android 应考虑允许指定文件扩展名以避免此类混淆。