Android studio menu item color

Change the color of a checked menu item in a navigation drawer

I am using the new Android Design Support library to implement a navigation drawer in my application.

I can’t figure out how to change the color of a selected item!

Here is the xml of the menu :

And here is the navigationview xml which is placed inside a android.support.v4.widget.DrawerLayout :

Thank you for your help !

[EDIT] I have already looked at solutions such as this one : Change background color of android menu.

It seems to be quite a hack and I thought that with the new Design Support Library, something cleaner would have been introduced?

6 Answers 6

Well you can achieve this using Color State Resource. If you notice inside your NavigationView you’re using

Here instead of using @color/black or @color/primary_test , use a Color State List Resource . For that, first create a new xml (e.g drawer_item.xml) inside color directory (which should be inside res directory.) If you don’t have a directory named color already, create one.

Now inside drawer_item.xml do something like this

Final step would be to change your NavigationView

Like this you can use separate Color State List Resources for IconTint , ItemTextColor , ItemBackground .

Now when you set an item as checked (either in xml or programmatically), the particular item will have different color than the unchecked ones.

I believe app:itemBackground expects a drawable. So follow the steps below :

Make a drawable file highlight_color.xml with following contents :

Make another drawable file nav_item_drawable.xml with following contents:

Finally add app:itemBackground tag in the NavView :

here the highlight_color.xml file defines a solid color drawable for the background. Later this color drawable is assigned to nav_item_drawable.xml selector.

This worked for me. Hopefully this will help.

Though the above mentioned answer gives you fine control over some properties, but the way I am about to describe feels more SOLID and is a bit COOLER.

So what you can do is, you can define a ThemeOverlay in the styles.xml for the NavigationView like this :

now apply this ThemeOverlay to app:theme attribute of NavigationView, like this:

Источник

Change MenuItem text color programmatically

So I have a menu item, that’s defined as:

It shows as text, as you can see below:

And I want to programmatically change the «LIVE» text color. I’ve searched for a while and I found a method:

With globally defined:

But nothing happens!

If I do the same for an item of the overflow menu, it works:

Is there some limitation for app:showAsAction=»ifRoom|withText» items? Is there any workaround?

Thanks in advance.

9 Answers 9

Bit late to the party with this one, but I spent a while working on this and found a solution, which may be of use to anyone else trying to do the same thing. Some credit goes to Harish Sridharan for steering me in the right direction.

You can use findViewById(R.id.MY_MENU_ITEM_ID) to locate the menu item (provided that the menu had been created and prepared), and cast it to a TextView instance as suggested by Harish, which can then be styled as required.

The trick here is to force the menu to be invalidated in the activity’s onCreate event (thereby causing the onPrepareMenuOptions to be called sooner than it would normally). Inside this method, we can locate the menu item and style as required.

@RRP give me a clue ,but his solution does not work for me. And @Box give a another, but his answer looks a little not so cleaner. Thanks them. So according to them, I have a total solution.

In order to change the colour of menu item you can find that item, extract the title from it, put it in a Spannable String and set the foreground colour to it. Try out this code piece

It only becomes a text view after inspection, its real class is ActionMenuItemView, on which we can further set the text color like this:

I spent a lot of hours on this and finally got it into work. There is easy solusion for Android 6 and 7 but it doesn’t work on Android 5. This code works on all of them. So, if you are doing it in Kotlin this is my suggestion:

You could put the change of the color in the onPrepareOptionsMenu:

of course you can make it shorter above.

now you can change the color appearance upon other (ie. viewmodel) values.

MenuItem as defined by documentation is an interface. It will definitely be implemented with a view widget before being portrayed as an menu. Most cases these menu items are implemented as TextView. You can use UiAutomatorViewer to see the view hierarchy or even use hierarchyviewer which will be found in [sdk-home]/tools/. Attached one sample uiautomatorviewer screenshot for a MenuItem

So you can always typecast your MenuItem and set the color.

Since there was request to see how to use this tool, I’m adding a few more contents.

Make sure you have set environment variable $ANDROID_HOME pointing to your SDK HOME.

In your terminal:

This tool will open up.

The second or third button (refer screenshot) in the menu will capture the screenshot of your attached device or emulator and you can inspect the view and their hierarchy. Clicking on the view will describe the view and their information. It is tool purposely designed for testing and you can inspect any application.

Refer developer site for more info: uiautomatorviewer

Источник

How to change the background color of Action Bar’s Option Menu in Android 4.2?

I’d like to change the background color of the option (overflow) menu in Android 4.2. I have tried all the methods but it is still showing the default color set by the theme. I used the following code & XML configs.

MainActivity.java

Menu.xml

color.xml

The above setMenuBackground is not taking any effect:

In the above picture, I want to change the menu background from black to the blue color in the Action Bar. How can I achieve this, and what I did do wrong?

17 Answers 17

In case people are still visiting for a working solution, here is what worked for me:— This is for Appcompat support library. This is in continuation to ActionBar styling explained here

Following is the styles.xml file.

and this is how it looks—MenuItem background color is skyblue and MenuItem text color is pink with textsize as 25sp:—

The Action Bar Style Generator, suggested by Sunny, is very useful, but it generates a lot of files, most of which are irrelevant if you only want to change the background colour.

So, I dug deeper into the zip it generates, and tried to narrow down what are the parts that matter, so I can make the minimum amount of changes to my app. Below is what I found out.

In the style generator, the relevant setting is Popup color, which affects «Overflow menu, submenu and spinner panel background».

Go on and generate the zip, but out of all the files generated, you only really need one image, menu_dropdown_panel_example.9.png , which looks something like this:

So, add the different resolution versions of it to res/drawable-* . (And perhaps rename them to menu_dropdown_panel.9.png .)

Then, as an example, in res/values/themes.xml you would have the following, with android:popupMenuStyle and android:popupBackground being the key settings.

And, of course, in AndroidManifest.xml :

What you get with this setup:

Note that I’m using Theme.Holo.Light as the base theme. If you use Theme.Holo (Holo Dark), there’s an additional step needed as this answer describes!

Also, if you (like me) wanted to style the whole Action Bar, not just the menu, put something like this in res/drawable/blue_action_bar_background.xml :

Works great at least on Android 4.0+ (API level 14+).

Источник

Navigation Drawer Menu Item Title Color in Android

I have a problem changing the Menu Item Title Color in the Navigation Drawer I set the itemTextColor but it only changes the Color of the Items not the Title of the menu.

Here is my Activity_main.xml

activity_main_drawer.xml

Check this:

6 Answers 6

To give Menu item title color and textSize Create this way..

add this to your styles.xml file.

now in activity_main_drawer.xml file give id attribute to title ..

now In MainActivity.java file use this way..

It will change your tools color to Red and TextSize to 20sp .. Implement it..

In my case Output :

You can also define new style in styles.xml:

and then applying this style in NavigationView’s theme:

Just add app:itemTextColor=»@color/accent property in your Navigation view tag like below.

For anyone who may stumble upon this question and find no working answer like me, add @color/white inside your AppTheme and AppTheme.NoActionBar styles.xml file like this:

This should produce something like this:

Note: I’ve made the item text «Share» or «Send» white by adding app:itemTextColor=»@color/white» inside the NavigationView . The Full NavigationView code:

With the NavigationView included in the Material Components Library you can use the app:itemTextColor to define a color or a selector for each items and the app:itemTextAppearance if you want to customize the TextAppearance used.

For the color you can use a selector like:

To change the color of a title group you can override the android:textColorSecondary color with:

Источник

ActionBar text color

how can I change the text color of the ActionBar? I’ve inherited the Holo Light Theme, I’m able to change the background of the ActionBar but I don’t find out what is the attribute to tweak to change the text color.

Ok, I’m able to change the text color with the attribute android:textColorPrimary but it also changes the text color of the dropdown menu displayed when an overflow happen on the ActionBar buttons. Any idea how to change the color of those dropdown menu / List ?

26 Answers 26

Ok, I’ve found a better way. I’m now able to only change the color of the title. You can also tweak the subtitle.

Here is my styles.xml:

I found a way that works well with any flavor of ActionBar (Sherlock, Compat, and Native):

Just use html to set the title, and specify the text color. For example, to set the ActionBar text color to red, simply do this:

You can also use the red hex code #FF0000 instead of the word red . If you are having trouble with this, see Android Html.fromHtml(String) doesn’t work for text .

Additionally, if you want to use a color resource, this code can be used to get the correct HEX String, and removing the alpha if needed (the font tag does not support alpha):

I was having the same problem as you, it’s a Holo.Light theme but I wanted to style the ActionBar color, so I needed to change the text color as well and also both Title and Menus. So at the end I went to git hub and looked at source code until I find the damn correct style:

so now all you have to do is set whatever @color/actionBarText and @drawable/actionbarbground you want!

The ActionBar ID is not available directly, so you have to do little bit of hacking here.

It’s an old topic but for future readers, using ToolBar makes everything very easy:

i have done with simple one line code

Add it to the root of the action bar. I had this problem.

actionMenuTextColor — changes text color for the action bar text, it never worked when it was part of the Widget.Styled.ActionBar , so I had to add it to the root. Other 2 attributes change title and subtitle of an action bar.

The most straight-forward way is to do this in the styles.xml.

Google’s template styles.xml currently generates the following:

If you add one more line before the closing tag, as shown, that will change the text color to what it should be with a Dark ActionBar:

If you want to customize the color to something else, you can either specify your own color in colors.xml or even use a built-in color from Android using the android:textColorPrimary attribute:

Note: This changes the color of the title and also the titles of any MenuItems displayed in the ActionBar.

Setting a HTML string on the action bar doesn’t work on the Material theme in SDK v21+

If you want to change it you should set the primary text color in your style.xml

If you want to style the subtitle also then simply add this in your custom style.

People who are looking to get the same result for AppCompat library then this is what I used:

A lot of answers are deprecated so I’ll update the thread and show how to change text color and backgroundcolor on ActionBar (Toolbar) and in ActionBar pop up menu.

The latest approach in Android (as of May 2018) in working with Action bar (Toolbar) is to use Theme with NoActionBar and use Toolbar instead.

so here is what you need:

In Activity (which extends AppCompatActivity) declare Toolbar:

Источник