how to change Android overflow menu icon

Question

How do i change the Overflow Menu icon on the far right of the action bar as seen in the image below? My Holo theme specifies this 3 row black stack icon by default and i want something else. i can't seem to find a solution for this. I have looked at the documentation on http://developer.android.com/guide/topics/ui/menus.html but it doesn't seem to lend much help.

Thanks!

Answer 1

Duplicate question, Changing overflow icon in the action bar

This is my answer as below,

1. Change your custom overflow icon of Actionbar in styles.xml

    <resources>
       <!-- Base application theme. -->
       <style name=“MyTheme" parent="@android:style/Theme.Holo">
          <!-- Pointer to Overflow style DONT forget! -->
          <item name="android:actionOverflowButtonStyle">@style/MyOverFlow</item>
       </style>
   
       <!-- Styles -->
       <style name="MyOverFlow" parent="@android:style/Widget.Holo.ActionButton.Overflow">
           <item name="android:src">@drawable/ic_your_action_overflow</item>
       </style>
    </resources>
   

2. Put custom theme "MyTheme" in application tag of AndroidManifest.xml

   <application
       android:name="com.example.android.MainApp"
       android:theme="@style/AppTheme">
   </application>
   

Have fun.@.@

Answer 2

Define a custom style: for example, let's call it customoverflow.

In this style you set android:src to the picture you would like to use. Now create a style with parent Theme.holo.

In this style you need to define:

<item name="android:actionOverflowButtonStyle">@style/customoverflow</item>

I just tested this and it works.

Answer 3

I noticed that it becomes white if the theme of the app is Holo, but it is blackish when the theme is Holo.Light

However, changing the style of the action bar to inherit from Holo and the rest of the app from Holo.Light does not solve the problem, but it should point in the direction of which style you should be modifying.

What I have tried is:

<style name="AppThemeLight" parent="android:style/Theme.Holo.Light">
    <item name="android:actionBarStyle">@style/ActionBar</item>
    <item name="android:windowContentOverlay">@drawable/actionbar_shadow</item>
</style>    
<style name="ActionBar" parent="android:style/Widget.Holo.Light.ActionBar">
    <item name="android:background">@color/header_brown</item>
    <item name="android:titleTextStyle">@style/ActionBarTitle</item>
    <item name="android:icon">@drawable/header</item>       
</style>

I have the same problem and I think this is close to a solution

Answer 4

You can try something like this:

<style name="MyTheme" parent="android:style/Theme.Holo.Light">
     <item name="android:actionOverflowButtonStyle">@style/MyActionButtonOverflow</item>
</style>

<style name="MyActionButtonOverflow" parent="android:style/Widget.Holo.ActionButton.Overflow">
    <item name="android:src">@drawable/my_action_bTutton_overflow</item>
</style>

and in AndroidManifest.xml

<application
    android:theme="@style/MyTheme" >

Answer 5

Shalafi's solution works with a few changes! You will need to specifiy theme.Holo as the parent for the theme but it has the downside of changing the default text color(at least in my styles).

The amended code should be:

   <style name="AppThemeLight" parent="android:style/Theme.Holo">
    <item name="android:actionBarStyle">@style/ActionBar</item>
    <item name="android:windowContentOverlay">@drawable/actionbar_shadow</item>
</style>    
<style name="ActionBar" parent="android:style/Widget.Holo.Light.ActionBar">
    <item name="android:background">@color/header_brown</item>
    <item name="android:titleTextStyle">@style/ActionBarTitle</item>
    <item name="android:icon">@drawable/header</item>       
</style>

Answer 6

Basically Theme customizations available in newer API levels can go in res/values-vXX/styles.xml, while customizations related to backward-compatibility can go values/styles.xml

Shalafi's solution works with a few additions:So add this code to both res/values-vXX/styles.xml and res/values/styles.xml and this will work like Magic!

<style name="AppTheme" parent="android:style/Theme.Holo.Light">
 <item name="android:actionOverflowButtonStyle">@style/MyActionButtonOverflow</item>
</style>

<style name="MyActionButtonOverflow"parent="android:style/Widget.Holo.ActionButton.Overflow">
<item name="android:src">@drawable/your_overflow_icon</item>
</style>

also add it in AndroidManifest.xml

<application
    android:theme="@style/AppTheme" >