Android：ImageView使用SVG矢量图显示模糊问题咨询

我有多张从Adobe Illustrator导出的SVG图，尺寸仅为9.36×10.8。将其通过Android Studio转换为XML矢量图后，作为尺寸为19.5dp×22.5dp的ImageView的src时，显示模糊。SVG不是应该支持无损缩放吗？且我无法修改viewportWidth或viewportHeight。
另外，我已开启硬件加速，这会对矢量Drawable产生影响吗？
我在BottomNavigationView中使用如下示例SVG时，模糊情况尤为明显：

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="6.4771dp"
    android:height="7.92dp"
    android:viewportWidth="6.4771"
    android:viewportHeight="7.92">
  <path
      android:fillColor="#cacaca"
      android:pathData="M3.2386,4.3201c1.0975,0 1.9791,-0.9702 1.9791,-2.16S4.3361,0 3.2386,0c-1.0975,0 -1.9791,0.9702 -1.9791,2.16s0.8816,2.16 1.9791,2.16ZM6.2722,5.625c-0.2732,-0.4733 -0.778,-0.765 -1.3244,-0.765L1.5293,4.86c-0.8446,0 -1.5293,0.685 -1.5293,1.53 0.001,0.8446 0.6851,1.5291 1.5293,1.53h3.4185c0.5464,0 1.0512,-0.2916 1.3244,-0.765s0.2732,-1.0566 0,-1.53Z" />
</vector>

运行环境：Android 13、AndroidX、Target Version 32（无支持库）、Gradle 7.5.1

核心原因分析 #

• 矢量图固有尺寸与显示尺寸不匹配：Android Vector Drawable的android:width/height定义的是图标的固有尺寸，当ImageView尺寸远大于该值时，系统会对矢量图进行拉伸渲染。即便矢量图支持无损缩放，非整数倍的拉伸或渲染采样逻辑偏差仍会导致模糊。
• 硬件加速的影响：硬件加速默认对矢量Drawable友好，一般不会是模糊的主因；反而关闭硬件加速可能导致渲染效率下降，不建议操作。

具体修复步骤 #

1. 调整矢量图固有尺寸（无需修改viewport） #

无需改动viewportWidth/viewportHeight，仅将android:width和android:height设置为与ImageView目标尺寸一致的dp值，避免系统大幅拉伸：

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="19.5dp"
    android:height="22.5dp"
    android:viewportWidth="6.4771"
    android:viewportHeight="7.92">
  <!-- 原path内容保持不变 -->
</vector>

2. 使用app:srcCompat加载矢量图 #

AndroidX项目中，优先用app:srcCompat替代android:src，它对矢量图的渲染兼容性更好：

<ImageView
    android:layout_width="19.5dp"
    android:layout_height="22.5dp"
    app:srcCompat="@drawable/your_vector_drawable" />

同时确保build.gradle中启用矢量图支持：

android {
    defaultConfig {
        vectorDrawables.useSupportLibrary = true
    }
}

3. 优化BottomNavigationView图标渲染 #

BottomNavigationView默认的图标缩放逻辑可能加剧模糊，可通过自定义样式强制匹配目标尺寸：

<style name="BottomNavStyle" parent="Widget.MaterialComponents.BottomNavigationView">
    <item name="itemIconSize">22.5dp</item> <!-- 匹配ImageView高度 -->
    <item name="android:scaleType">center</item>
</style>

应用到BottomNavigationView：

<com.google.android.material.bottomnavigation.BottomNavigationView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    style="@style/BottomNavStyle"
    app:menu="@menu/bottom_nav_menu" />

4. 优化AI导出SVG设置 #

从Adobe Illustrator导出SVG时，勾选“Responsive”选项，避免导出固定像素尺寸的SVG；同时简化路径锚点，提升渲染清晰度。

内容的提问来源于stack exchange，提问作者Hhry