如何在操作栏下方显示菜单弹出窗口？答案

【问题标题】：How to show menu popup exact below actionbar?如何在操作栏下方显示菜单弹出窗口？
【发布时间】：2022-04-08 10:41:38
【问题描述】：

我正在处理操作栏中的弹出菜单。但是我被困在操作栏的正下方（剪切到剪切）。我正在放置两个快照。

我的问题屏幕截图：

我想要动作栏下方的确切弹出菜单，如下图所示

更正截图：

我的代码 sn-p：

<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools" tools:context=".MainActivity">
<item android:id="@+id/action_filter"
    android:icon="@drawable/ic_filter_white_18dp"
    android:title="@string/action_filter"
    app:showAsAction="ifRoom" />
<item android:id="@+id/action_label"
    android:icon="@drawable/ic_add_circle_outline_white_18dp"
    android:title="@string/action_label"
    app:showAsAction="ifRoom" />
<item android:id="@+id/action_settings"
    android:title="@string/action_settings"
    app:showAsAction="never" />

【问题讨论】：

请不要发布截图或链接。而是发布您的代码
我把我的代码 sn-p 放在我的问题中。

标签： android android-actionbar android-5.0-lollipop popupmenu

【解决方案1】：

当使用 AppCompat 主题时，下面的代码可以帮助你。Kitkat 或 Lollipop

让你的 style.xml 如下所示

<style name="AppTheme" parent="Base.Theme.AppCompat.Light.DarkActionBar">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/black</item>
    <item name="android:background">@android:color/transparent</item>
    <item name="actionOverflowMenuStyle">@style/OverflowMenu</item>
</style>


<style name="OverflowMenu" parent="Widget.AppCompat.PopupMenu.Overflow">
    <item name="android:windowDisablePreview">true</item>
    <item name="overlapAnchor">false</item>
    <item name="android:dropDownVerticalOffset">5.0dp</item>
    <!--<item name="android:popupBackground">#FFF</item>-->
</style>

【讨论】：

在添加 .Overflow 后，我使用父级“Widget.AppCompat.PopupMenu”而不是“Widget.AppCompat.PopupMenu.Overflow”，overlapAnchor 锚属性开始工作。

【解决方案2】：

如果您想继续使用ActionBar 和AppCompat 主题而不是ToolBar 或Holo 主题，可以使用此代码：

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="actionOverflowMenuStyle">@style/MyOverflowMenu</item>
</style>

<style name="MyOverflowMenu" parent="Widget.AppCompat.PopupMenu.Overflow">
    <item name="overlapAnchor">false</item>
    <item name="android:overlapAnchor" tools:ignore="NewApi">false</item>
    <item name="android:dropDownVerticalOffset">4.0dip</item>
</style>

这对我有用。

【讨论】：

为我工作。在 Android 4.x、6.x 上测试。谢谢！

【解决方案3】：

根据我的代码，这是通过更改样式来实现的。

<style name="AppTheme" parent="@android:style/Theme.Holo.Light">
    <item name="android:actionBarStyle">@style/MyActionBar</item>
    <item name="android:actionMenuTextColor">@color/text_white</item>
    <item name="android:popupMenuStyle">@style/PopupMenu.Example</item>
    <item name="actionOverflowMenuStyle">@style/OverflowMenu</item>
</style>

<style name="PopupMenu.Example" parent="@android:style/Widget.Holo.Light.ListPopupWindow">
    <item name="android:popupBackground">#efefef</item>
</style>

<style name="OverflowMenu" parent="Widget.AppCompat.PopupMenu.Overflow">
    <!-- Required for pre-Lollipop. -->
    <item name="overlapAnchor">false</item>

    <!-- Required for Lollipop. -->
    <item name="android:overlapAnchor">false</item>
    <item name="android:dropDownVerticalOffset">4.0dip</item>

</style>

【讨论】：

添加偏移会在 Android 4.4.4 中的工具栏和菜单之间创建额外的空间。
我这里没有使用工具栏，我使用了操作栏。

【解决方案4】：

你可以通过 style 属性来实现 overlapAnchor=false

 <style name="toolBarStyle" parent="AppTheme">
        <item name="popupTheme">@style/toolbarPopup</item>
    </style>

    <style name="toolbarPopup" parent="@android:style/Widget.Holo.ListPopupWindow">  <!--ThemeOverlay.AppCompat.Light-->
        <item name="android:popupBackground">#AF0000</item>
        <item name="overlapAnchor">false</item>
        <item name="android:dropDownVerticalOffset">5dp</item>

    </style>

并在 AppTheme 中设置该样式，如下所示

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!--   to avoid overlay of popup window in toolbar -->
        <item name="actionOverflowMenuStyle">@style/toolBarStyle</item>
</style>

【讨论】：

“overlapAnchor”需要最低 API 级别 21

【解决方案5】：

将android manifest中的主题设置为

android:theme="@android:style/Theme.Holo.Light"

【讨论】：