You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Navigation Drawer菜单图标显灰色覆盖层,itemIconTint设置后颜色异常求助

解决Navigation Drawer图标显示灰色覆盖层/单色问题

嘿,我之前也踩过这个坑!NavigationView默认会给所有菜单图标加上统一的着色(tint),所以你的彩色图标会被覆盖成灰色;而你设置itemIconTint后,又会把所有图标统一改成你设置的颜色,自然就丢失了原有色彩。下面是几种靠谱的解决方法:

方法1:全局禁用图标着色(最快解决)

直接在你的NavigationView布局代码里,把图标着色属性设为@null,这样所有图标都会显示原本的颜色:

<com.google.android.material.navigation.NavigationView
    android:id="@+id/nav_view"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    app:headerLayout="@layout/nav_header_main"
    app:menu="@menu/activity_main_drawer"
    app:itemIconTint="@null" /> <!-- 关键就是这一行 -->

方法2:针对单个菜单图标保留原色

如果不想全局禁用,只想让特定图标(比如你的"My trip")显示原有色彩,其他图标保持统一着色,可以在代码里单独处理:

// 在Activity的onCreate方法里
NavigationView navView = findViewById(R.id.nav_view);
Menu menu = navView.getMenu();

// 找到你要保留原色的菜单项
MenuItem myTripItem = menu.findItem(R.id.nav_my_trip);
// 移除该图标的着色列表
myTripItem.getIcon().setTintList(null);

方法3:检查图标资源的设置

如果你的图标是VectorDrawable,还要确认图标本身的XML里没有设置tint属性,比如不要有这样的代码:

<!-- 要避免的情况 -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:tint="@color/gray"> <!-- 这个tint会覆盖原有颜色 -->
    <!-- 路径内容 -->
</vector>

把android:tint属性删掉,或者设为@null,图标就能恢复原本的色彩了。

小提示

如果你的项目用了Material Components主题,默认的itemIconTint会继承主题里的colorControlNormal,所以必须显式设置@null或者单独处理,才能让彩色图标正常显示。

内容的提问来源于stack exchange,提问作者Basit

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.27 04:09:51