使用具有涟漪效应的 android:itemBackground

问题描述

我正在使用 android:itemBackground XML 属性来更改我的溢出菜单（三点菜单）中项目的背景颜色。我的styles.xml 如下所示：

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="android:itemBackground">@color/colorItemBg</item>
</style>

这有效，但会使物品上的涟漪效应完全消失。这种效果对我的用户体验至关重要。我尝试将 itemBackground 设置为 @drawable/custom_background，这是我这样定义的 XML drawable：

<?xml version="1.0" encoding="utf-8" ?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="@color/ripple_material_dark">
  <item android:id="@android:id/mask"
    android:drawable="@color/colorItemBg" />
</ripple>

但这完全忽略了我的自定义背景并使用默认背景。我也尝试了所有对 this question 的回答，但都无济于事。

如何更改菜单项的背景颜色并保持涟漪效果？

解决方法

您可以尝试设置 actionOverflowMenuStyle 如下：

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
  <item name="colorPrimary">@color/colorPrimary</item>
  <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
  <item name="colorAccent">@color/colorAccent</item>
  <item name="actionOverflowMenuStyle">@style/CMOptionsMenu</item>
</style>


<style name="CMOptionsMenu" parent="Widget.AppCompat.PopupMenu.Overflow">
   <item name="android:popupBackground">@color/colorItemBg</item>
</style>