By default isn't it supposed to be under the actionbar? So what am I doing wrong?
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
res/menu/main.xml
<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="com.example.test.MainActivity" >
<item
android:id="@+id/action_settings"
android:orderInCategory="100"
android:title="@string/action_settings"
app:showAsAction="never"/>
</menu>
This is default behaviour of AppCompat theme you are using. According to the Material Design guidelines, it is expected overflow menu to appear on top of it's anchor, the ActionBar.
You can force it to show below the action bar if by setting to your theme overlapAnchor
to false
<style name="OverflowMenu" parent="Widget.AppCompat.PopupMenu.Overflow" >
<item name="overlapAnchor">false</item>
<item name="dropDownVerticalOffset">?attr/actionBarSize</item>
</style>
Finally this works for me:
<resources>
<style name="AppBaseTheme" parent="Theme.AppCompat.Light" />
<style name="AppTheme" parent="AppBaseTheme">
<item name="actionOverflowMenuStyle">@style/OverflowMenu</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>
</style>
</resources>
Source: https://stackoverflow.com/a/27134045/3586815
Thanks to Nikola Despotoski for the hint.
According to the Material Design specifications, the overflow menu should display on top of the action bar:
A menu is a temporary sheet of paper that always overlaps the app bar, rather than behaving as an extension of the app bar.
This is the default behavior for Android Lollipop applications as well as any applications that use the AppCompat v7 support library.
This is the new default with Material Design. Popup menus will be displayed originating from the Button
which opened them.
This is done to increase the visual connection between the Button
and the popup menu. Just look at Googles apps which already use Material Design, there the popup menus act in the same way.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With