Android set action bar color

How to Change Background Color of Action Bar in Android?

Kotlin Android – Change Background Color of Action Bar

To change background color of Action Bar in Kotlin Android, set the colorPrimary in themes.xml, with a required color. We can also dynamically change the background color of Action Bar programmatically by setting background drawable for support action bar with the required color drawable.

In this tutorial, we will go through the two processes: via themes.xml and via Kotlin file, to change the background color of Action Bar in Android Application.

Change Background of Action Bar via themes.xml

The following is a step by step process to change the background color of Action Bar in Android Application.

Step 1 – Open themes.xml

1. Click on Resource Manager present on the left side of the Android Studio window.

2. In this Resource Manager window, click on Style tab.

3. Double click on the theme for our application. In this case, Theme.MyApplication.

Theme items present for this theme will be displayed as shown in the following screenshot.

Double click on the default theme.

The contents of this style file, themes.xml, will be displayed in the editor.

Step 2 – Change colors

Now, we have to change color value for the item with the attribute colorPrimary.

Let us assign black color to this item.

Step 3 – Run

Now, let us run this Android Application and observe the background color of Action Bar.

The background color of our Android Application is changed to the set color.

Change Background of Action Bar via Kotlin Activity File

To change the background color of Action Bar programmatically or dynamically, set background drawable for support action bar with the required Color drawable.

In the following example, we set the background color for Action Bar with the color represented by hex value “#146775” in RGB format.

MainActivity.kt

Run the Android Application, and the background color of Action Bar will be set to the color «#146775» , as shown in the following screenshot.

Conclusion

In this Kotlin Android Tutorial, we learned how to change the background color of Floating Action Button (FAB) widget via layout file or programmatically in Kotlin Activity file, with examples.

Источник

Android programmers blog

Simply about difficult

Поиск по этому блогу

суббота, 18 октября 2014 г.

Изменить цвет ActionBar, ActionBar.Tabs и ActionBar.PopupMenu

Так бывает складывается что нужно поменять полностью цвет Action bar’a, табов под ним и меню, да и всего на свете. Так вот это оказывается не так то просто (: Я проковырялся дня два пока разобрался со всем этим, и вот сегодня я хочу вам рассказать как да что нужно сделать что бы изменить цвет Action bar’a, табов и popup menu.

Менять мы будем на синий цвет но для начала я хочу вам рассказать о таком замечательном ресурсе который позволяет одним махом заменить все и сразу, он называется Android Action Bar Style Generator , с его помощью вы можете создать нужный вам стиль, и скачать его. После вам остается только распаковать в нужные папки все файлы которые там есть и заменить стиль в манифесте на созданный вами… И все, дальше андроид сам подхватит этот стиль и будет его использовать как дефолтный.

Ну а теперь перейдем к моему варианту того как я менял цвет.

Для начала создадим файл res/values/color.xml в котором будем хранить все нужные нам коды цветов.

ActionBar

Для того что бы изменить цвет Action bar’a, вам нужно создать в файле res/values/style.xml, подгруппу в которой переопределим наш цвет. Для начала посмотрим как выглядит не тронутый style.xml.

Что тут можно сказать… Ничего (: Так выглядит стандартный стиль темы в андроиде, для того что бы изменить цвет мы добавляем новый стиль:

Таким образом мы задаем что фон у экшен бара будет нашего цвета тобиш синего.
Теперь нам нужно задать этот стиль экшен бару по дефолту, для этого в AppTheme пишем следующее:

Компилируем и смотрим что получилось, если ActionBar покрасился в выбранный нами цвет то вы все сделали правильно.

TabView

Для того что бы подкрасить табы в нужный нам цвет достаточно просто добавить еще одну строчку в стиль ActionBar.

Теперь табы будут того цвета которого вы задали для пол tabs_color в файле colors.xml.

Popup Menu

С меню оказалось все немного сложнее чем я думал, сходу сделаться оно нужного мне цвета не хотелось поэтому я начал перебирать исходник стиля с сайта что я указал в начале статьи, ведь у них получилось, почему у меня не получается, и все таки нашел где же это делается.

Создаем новый стиль и указываем в нем цвет

Далее описываем его в AppTheme стиле который мы используем как родительский.

Но это еще не все, для того что бы этот стиль применялся нам нужно описать еще один дочерний стиль который будет задавать стиль конкретно для меню.

Вот собственно и все что я хотел рассказать, для меня лично это оказалось проблемой по этому я решил описать ее решение сюда, может кому пригодится, а может сам забуду и буду по ней вспоминать что да как (:

Источник

Как установить пользовательский цвет / стиль ActionBar?

Я использую Android Navigation bar в моем проекте, Я хочу изменить верхний цвет в панели действий на что-то красное, как я могу это сделать? У меня есть что-то вроде этого,

и я хочу что-то вроде этого,

Как я могу добиться этого?

9 ответов

вы можете определить цвет ActionBar (и других вещей) по создание пользовательского стиля:

просто редактировать res / значения / стили.в XML файл вашего проекта Android.

например, вот так:

затем установите «MyCustomTheme» в качестве темы вашей деятельности, которая содержит ActionBar.

вы также можете установить цвет для ActionBar, как это:

в целом Android OS использует «тему», чтобы разработчики приложений могли глобально применять универсальный набор параметров стиля элементов пользовательского интерфейса к приложениям Android в целом или, альтернативно, к одному подклассу активности.

таким образом, есть три основных ОС Android «системные темы», которые вы можете указать в своем XML-файле манифеста Android, когда вы разрабатываете приложения для версии 3.0 и более поздних версий

Я имею в виду библиотеку поддержки (APPCOMPAT)здесь:— Так три темы 1. AppCompat Легкая Тема (тема.Совместимости приложений.Свет)

1. AppCompat Темная Тема (Тема.Совместимости приложений),

1. и гибрид между этими двумя, AppCompat Light Theme с более темной ActionBar.( Тема.Совместимости приложений.Свет.DarkActionBar)

AndroidManifest.xml и увидеть тег, тема android упоминается как:— android: theme= «@style / AppTheme»

открыть стили.xml и у нас есть базовая тема приложения, объявленная там:—

нам нужно переопределить эти родительские элементы темы для стиля панели действий.

ActionBar с различным фоном цвета:—

для этого нам нужно создать новый стиль MyActionBar(вы можете дать любое имя) с родительской ссылкой на @стиль/виджет.Совместимости приложений.Свет.Верхней панели.Твердый.Обратный, который содержит характеристики стиля для элемента пользовательского интерфейса Android ActionBar. Так что определение будет

и это определение нам нужно ссылаться в нашем AppTheme, указывая на переопределенный стиль ActionBar как—

@style / MyActionBar

изменить цвет текста в строке заголовка (e.G черный для белый):—

теперь, чтобы изменить цвет текста заголовка, нам нужно переопределить родительскую ссылку parent= » @style / TextAppearance.Совместимости приложений.Штучка.Верхней панели.Название»>

таким образом, определение стиля будет

мы будем ссылаться на это определение стиля внутри определение стиля MyActionBar, поскольку модификация TitleTextStyle является дочерним элементом родительского элемента интерфейса ОС ActionBar. Итак, окончательное определение Элемент стиля MyActionBar будет

Итак, это окончательные стили.в XML

Для дальнейшего стиля меню параметров ActionBar см. этой ссылке

для Android 3.0 и выше только

при поддержке Android 3.0 и выше только, вы можете определить фон панели действий, как это:

res / значения / темы.в XML

для Android 2.1 и выше

при использовании библиотеки поддержки XML-файл стиля может выглядеть следующим образом:

затем применить тему ко всему приложению или отдельных мероприятий:

вы можете изменить цвет панели действий таким образом:

Это все, что вам нужно для изменения цвета панели действий.

плюс если вы хотите изменить цвет строки состояния, просто добавьте строку:

вот скриншот, взятый с сайта разработчика android, чтобы сделать его более понятным, и вот ссылке чтобы узнать больше о настройке цветовой палитры

Источник

How to Change the Background and Text Color of Android ActionBar Option Menu

Android action bar option menu is also known as overflow menu which is shown to the users when they click/press the menu key on android phone and tablet. Options menu can be customized according to our need, we can set or change the background color and text color. You can’t change the text and background color using android themes. In this tutorial, you will learn how to change the background color of android action bar option menu programmatically.

Changing the background color of your android app option menu is not the very difficult. Someone write it as difficult and tricky but here I am going to show you to change background and text color of your app option menu with simplest ways. Following is the step by step guide to change the background color of android option menu/ overflow menu.

Android Example: Change the Background & Text Color of Android Option Menu

Following is the content different files of android project to change the background and text color of android overflow menu.

Java Activity File

Following is the complete code of java activity file. Here you will see two override methods to add menu items in android application, onCreateOptionsMenu and onOptionsItemSelected .

src/ OverflowMenuBackgroundColor.java

Option Menu Items

Here I have added three items for option menu.

Styles.xml File

To add background and text color of overflow menu just add two line of more code android:textColor and itemBackground in your project styles.xml file. Following is the complete content of styles.xml file.

res/values/styles.xml

Colors.xml File

In this file I have defined different color value for option menu background, app text color, accent color, toolbar/app bar color, etc.

Источник