如何修复Android自定义Toolbar导航图标尺寸异常问题

我明白你遇到的问题——用setNavigationIcon设置SVG导航图标后显示异常，默认情况下Toolbar确实不会自动完美适配所有SVG的尺寸，这里有几个关键原因和解决办法：

1. 先检查SVG文件本身的问题 #

很多时候SVG显示异常是因为viewBox属性缺失或不正确。打开你的ic_menu_icon.svg，确保它有正确的viewBox定义，比如：

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  <!-- 图标路径内容 -->
</svg>

viewBox的四个值分别代表左、上、宽、高，它定义了SVG的画布范围，如果你的图标路径超出这个范围，就会出现裁剪或缩放异常。可以用Inkscape、Figma这类工具调整，让图标内容完全落在viewBox内。

2. 启用Android矢量图支持（针对旧版本） #

如果你的项目支持Android 5.0以下版本，需要在app的build.gradle中启用矢量图兼容库：

android {
    defaultConfig {
        vectorDrawables.useSupportLibrary = true
    }
}

这能确保VectorDrawable在低版本系统上正确渲染。

3. 用VectorDrawableCompat加载图标（推荐） #

直接用R.drawable设置可能会导致缩放问题，改用VectorDrawableCompat来加载SVG，它能更好地处理矢量图的适配：
修改你的MainActivity代码：

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    Toolbar toolbar = findViewById(R.id.my_toolbar);
    
    // 用VectorDrawableCompat加载SVG图标
    Drawable navigationIcon = VectorDrawableCompat.create(getResources(), R.drawable.ic_menu_icon, getTheme());
    
    // 可选：手动设置图标大小（24dp是Material Design推荐的导航图标尺寸）
    if (navigationIcon != null) {
        int iconSize = dpToPx(24);
        navigationIcon.setBounds(0, 0, iconSize, iconSize);
        toolbar.setNavigationIcon(navigationIcon);
    }
    
    setSupportActionBar(toolbar);
    if (getSupportActionBar() != null) {
        getSupportActionBar().setDisplayShowTitleEnabled(false);
    }
}

// 辅助方法：dp转像素
private int dpToPx(int dp) {
    return (int) (dp * getResources().getDisplayMetrics().density);
}

4. 也可以直接在Toolbar XML中设置导航图标 #

如果你不想在代码里处理，也可以直接在Toolbar的XML布局中添加：

<androidx.appcompat.widget.Toolbar 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/my_toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="@color/colorPrimary"
    app:navigationIcon="@drawable/ic_menu_icon" >
</androidx.appcompat.widget.Toolbar>

这种方式会让Toolbar自动处理图标的缩放适配，前提是你的SVG文件本身没问题。

总结 #

最常见的问题就是SVG的viewBox配置错误，其次是没有正确使用矢量图兼容库。按照上面的步骤排查调整，应该就能解决导航图标显示异常的问题了。

内容的提问来源于stack exchange，提问作者İsmail DERVİŞOĞLU