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!

"ActionBar"

Please leave that icon alone. Time and time again, users attack developers who do not adhere to basic platform conventions. Unless you can positively demonstrate that your users will reject your application if you do not change that icon, please leave that icon alone. That being said, I do not see where that icon can be changed, anyway. — CommonsWare
– CommonsWare, Commented Jul 22, 2011 at 17:09
The only reason i wanted to change that icon is to make it white instead of black. My actionbar background is very dark in that area and it is almost impossible to see the icon. I am not changing platform conventions or anything dramatic like that :) — newdev
– newdev, Commented Jul 26, 2011 at 14:04
Ah, sorry, I overreacted. One would think that wherever you are controlling the style for the bar that you could change that icon. I didn't see the icon in the SDK, so I didn't have a search string to try to find it in styles.xml or kin. — CommonsWare
– CommonsWare, Commented Jul 26, 2011 at 15:57
Googlers, Check this answer : stackoverflow.com/a/35790470/1911652 — Atul
– Atul, Commented Sep 8, 2016 at 19:41

intra · Accepted Answer · 2012-04-15 15:22:08Z

32

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" >

answered Apr 15, 2012 at 15:22

intra

73510 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Xenon · Accepted Answer · 2012-04-16 01:49:47Z

20

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.

edited Apr 16, 2012 at 1:49

Xenon

3,1831 gold badge20 silver badges37 bronze badges

answered Mar 11, 2012 at 6:41

KarlKarlsom

5,8684 gold badges31 silver badges36 bronze badges

2 Comments

AlikElzin-kilaka Over a year ago

It's not customizable enough. Suppose you have a light background with a dark overflow button. If you choose an dark background for the actionmode (CAB), you can't switch the overflow button to a light one.

Amit Tripathi Over a year ago

how to achieve this in Appcompat?

Sufian Latif · Accepted Answer · 2017-10-06 05:05:09Z

10

If you are using AppCompat you can achieve by following code.

res/values/themes.xml

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

      <!-- Support library compatibility -->
     <item name="actionOverflowButtonStyle">@style/ActionButtonOverflow</item>

</style>

      <style name="ActionButtonOverflow" parent="@style/Widget.AppCompat.ActionButton.Overflow">
            <item name="android:src">@drawable/ic_launcher</item>
        </style>

and in androidmanifest.xml

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

edited Oct 6, 2017 at 5:05

Sufian Latif

13.4k3 gold badges36 silver badges71 bronze badges

answered Dec 19, 2014 at 6:20

DjP

4,5873 gold badges27 silver badges35 bronze badges

1 Comment

Čikić Nenad Over a year ago

Excellent for pointing out the support library compatibility difference

shalafi · Accepted Answer · 2011-12-20 09:26:45Z

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

Community · Accepted Answer · 2017-05-23 11:46:53Z

Duplicate question, Changing overflow icon in the action bar

This is my answer as below,

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>

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

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

Have fun.@.@

Lettings Mall · Accepted Answer · 2013-04-21 00:55:26Z

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>

Abdus Salam · Accepted Answer · 2016-08-04 10:04:23Z

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" >

manjunatha poojari · Accepted Answer · 2019-05-27 15:20:06Z

0

<style name="ToolBarTheme" parent="ThemeOverlay.AppCompat.ActionBar">
    <item name="android:tint">@color/colorAccent</item>

create the above theme.set tint with your color and add this theme to the toolbar.

<androidx.appcompat.widget.Toolbar
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:minHeight="?attr/actionBarSize"
        android:theme="@style/ToolBarTheme"/>

answered May 27, 2019 at 15:20

manjunatha poojari

791 silver badge5 bronze badges

Collectives™ on Stack Overflow

how to change Android overflow menu icon

8 Answers 8

Comments

2 Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

8 Answers 8

Comments

2 Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related