Android action bar overflow menu remove shadow

Question

I'd like to remove shadow around my action bar overflow menu, but i haven't found any attributes allowing that. I'm extending Theme.AppCompat.

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat">
    <!-- Customize your theme here. -->
    <item name="actionOverflowButtonStyle">@style/OverflowButton</item>
    <item name="actionOverflowMenuStyle">@style/OverflowMenu</item>
    <item name="actionBarStyle">@style/MyActionBarLogo</item>
    <item name="android:dropDownListViewStyle">@style/PopupMenuListView</item>
    <item name="dropDownListViewStyle">@style/PopupMenuListView</item>
    <item name="android:textColor">@color/black</item>
    <item name="android:popupMenuStyle">@style/PopupMenu</item>
</style>
<style name="MyActionBarLogo" parent="Widget.AppCompat.ActionBar">
    <item name="background">@color/white</item>
    <item name="displayOptions">useLogo|showHome</item>

    <item name="elevation">0dp</item>
    <item name="android:windowContentOverlay">@null</item>
</style>
<style name="OverflowButton" parent="@style/Widget.AppCompat.ActionButton.Overflow">
    <item name="android:src">@mipmap/menu_logo</item>
</style>
<style name="OverflowMenu" parent="@style/Widget.AppCompat.PopupMenu.Overflow">
    <item name="overlapAnchor">false</item>
    <item name="android:dropDownVerticalOffset">52dp</item>
    <item name="android:dropDownHorizontalOffset">10dp</item>
</style>
<style name="PopupMenuListView" parent="@style/Widget.AppCompat.ListView.DropDown">
    <item name="android:divider">@drawable/menu_divider</item>
    <item name="android:dividerHeight">1dp</item>
    <item name="android:textColor">@color/black</item>
    <item name="android:background">@color/white</item>
</style>
<style name="PopupMenu" parent="@style/Widget.AppCompat.ListPopupWindow">
    <item name="android:popupBackground">@color/white</item>
</style>

https://i.stack.imgur.com/94fqF.jpg

score 1 · Answer 1 · edited May 23 '17 at 11:44

1

You can try solution this

getSupportActionBar().setElevation(0);

UPDATE

<style name="MyActionBarLogo" parent="Widget.AppCompat.ActionBar">
    <item name="background">@color/white</item>
    <item name="displayOptions">useLogo|showHome</item>

    <item name="elevation">0dp</item>
    <item name="android:windowContentOverlay">@null</item>
    <item name="android:actionDropDownStyle">@style/DropDownMenuStyle</item> 
</style>



<style name="DropDownMenuStyle" parent="Widget.AppCompat.Spinner.DropDown.ActionBar">
    <item name="android:background">@android:color/transparent</item>
</style>

edited May 23 '17 at 11:44

Community

1
1

answered Sep 23 '15 at 08:05

NaviRamyle

3,967
1
31
49

That is only for actionbar shadow, which i already removed :) – tomek550 Sep 23 '15 at 08:08
Cannot resolve symbol '@style/Widget.Spinner.DropDown.ActionBar', I've added AppCompat in there so it's @style/Widget.AppCompat.Spinner.DropDown.ActionBar now, but shadow is still there. – tomek550 Sep 23 '15 at 08:26
Opps sorry, just remove the "@style/" updated the answer again – NaviRamyle Sep 23 '15 at 08:32
Still no difference at all, shadow is there :/. – tomek550 Sep 23 '15 at 08:39

score 1 · Answer 2 · answered Jan 09 '16 at 00:41

You need to apply the zero elevation style to the correct element, in this case actionOverflowMenuStyle.

(This is using appcompat)

<style name="Theme.myapp" parent="Theme.AppCompat.Light">
    <item name="actionOverflowMenuStyle">@style/Theme.myapp.Widget.PopupMenu.Overflow</item>
</style>

Then

<style name="Theme.myapp.Widget.PopupMenu.Overflow" parent="Widget.AppCompat.PopupMenu.Overflow">
    <item name="elevation">0dp</item>
    <item name="android:popupElevation">0dp</item>
</style>

Android action bar overflow menu remove shadow

2 Answers2