web-dev-qa-db-ja.com

アクションバーの下にメニューポップアップを正確に表示するにはどうすればよいですか？

アクションバーのポップアップメニューに取り組んでいます。しかし、私はactionbar（cut-to-cut）の下に正確に表示することにこだわっています。2つのスナップショットを入れています。

私の問題のスクリーンショット：

enter image description here

スクリーンショットの下にあるアクションバーの下に正確なポップアップメニューが欲しい

修正スクリーンショット：

enter image description here

私のコードスニペット：

<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" />
androidandroid-actionbarandroid-5.0-lollipoppopupmenu
15
Vasant

Android manifestにテーマを設定します

Android:theme="@Android:style/Theme.Holo.Light"
3
Naheel

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>
18
Ness Tyagi

私のコードによると、これはスタイルを変更することによる正確な説明です。

<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>
12
Vasant

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>

これでうまくいきました。

10
Sanket B

これは、スタイルプロパティ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>
2
Ram Prakash Bhat