Question

使用itemBackground属性似乎不重要，但是由于某些原因，它不起作用。如下所示，我可以成功添加自己的背景（蓝色），但是原始的波纹（灰色矩形）仍然可见。将itemBackground设置为null似乎也没有用。

我的导航视图：

<com.google.android.material.navigation.NavigationView
    android:id="@+id/nav_view"
    style="@style/Widget.MaterialComponents.NavigationView"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    android:fitsSystemWindows="true"
    app:headerLayout="@layout/nav_header_main"
    app:itemBackground="@drawable/nav_item_background"
    app:menu="@menu/main_drawer" />

（从生成的视图中基本未触及样式）

我的涟漪：

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="@color/accent_ripple">
    <item
        android:id="@android:id/mask"
        android:right="8dp">
        <shape android:shape="rectangle">
            <corners
                android:bottomRightRadius="50dp"
                android:topRightRadius="50dp" />
            <solid android:color="#fff" />
        </shape>
    </item>
</ripple>

我的应用主题也扩展了Theme.MaterialComponents，所以我没有主意。

Answer 1

只要您可以这样做：

 <com.google.android.material.navigation.NavigationView
    android:id="@+id/navigationView"
    android:layout_width="230dp"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    android:background="@color/colorPrimaryDark">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <include layout="@layout/layout_navigation_header" />

        <include layout="@layout/layout_navigation" />
    </LinearLayout>

</com.google.android.material.navigation.NavigationView>

Answer 2

为什么不使用自己的可绘制对象覆盖它？您可以使用自己的颜色和效果，甚至可以用十六进制使波纹效果透明

#ffffffff

或

@android:color/transparent

Answer 3

如果要在“项目背景”中使用自定义形状，请不要使用app:itemBackground属性。

使用 app:itemShapeAppearanceOverlay 和 app:itemShapeFillColor 属性：

<com.google.android.material.navigation.NavigationView
    app:itemShapeAppearanceOverlay="@style/ShapeAppearanceOverlay.Item"
    app:itemShapeFillColor="@color/nav_item_shape_fill"
    android:theme="@style/ThemeOverlay.NavigationView"
    ../>

其中：

  <style name="ShapeAppearanceOverlay.Item" parent="">
    <item name="cornerFamily">rounded</item>
    <item name="cornerSizeTopRight">16dp</item>
    <item name="cornerSizeBottomRight">16dp</item>
    <item name="cornerSizeBottomLeft">0dp</item>
    <item name="cornerSizeTopLeft">0dp</item>
  </style>

和颜色选择器类似：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:alpha="0.12" android:color="?attr/colorPrimary" android:state_activated="true"/>
  <item android:alpha="0.12" android:color="?attr/colorPrimary" android:state_checked="true"/>
  <item android:color="@android:color/transparent"/>
</selector>

当前没有一种方法可以消除项目中形状外部的波纹。但是，您可以使用android:theme覆盖涟漪使用的颜色。

  <style name="ThemeOverlay.NavItem.Ripple" parent="">
    <item name="android:colorControlHighlight">@android:color/transparent</item>
  </style>

选中此issue for updates。

如何删除NavigationView项目背景

3 个答案: