How to customize the back button on ActionBar

Question

I have been able to customize the action bar s background  logo image and text color using suggestions from these  Android  How to change the ActionBar  quot Home quot  Icon to be something other than the app icon  ActionBar text color ActionBar background image  The last piece I want to customize is the back button image  It s grey by default and I would like it to be white  Either changing the color  specifying a drawable or simply making it transparent  and adding the chevron to my customized logo image  would work  How do I go about that

User · Answer

Changing back navigation icon differs for ActionBar and Toolbar.

For ActionBar override homeAsUpIndicator attribute:

<style name="CustomThemeActionBar" parent="android:Theme.Holo">
    <item name="homeAsUpIndicator">@drawable/ic_nav_back</item>
</style>

For Toolbar override navigationIcon attribute:

<style name="CustomThemeToolbar" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="navigationIcon">@drawable/ic_nav_back</item>
</style>

User · Answer

So you can change it programmatically easily by using homeAsUpIndicator   function that added in android API level 18 and upper    ActionBar   setHomeAsUpIndicator R drawable ic yourindicator    If you use support library  getSupportActionBar   setHomeAsUpIndicator R drawable ic yourindicator

User · Answer

The  up  affordance indicator is provided by a drawable specified in the homeAsUpIndicator attribute of the theme  To override it with your own custom version it would be something like this    lt style name  Theme MyFancyTheme  parent  android Theme Holo  gt       lt item name  android homeAsUpIndicator  gt  drawable my fancy up indicator lt  item gt   lt  style gt    If you are supporting pre-3 0 with your application be sure you put this version of the custom theme in values-v11 or similar

User · Answer

I used back png image in the project menifest xml file  it is fine working in project    lt activity         android name   YourActivity           android icon   drawable back          android label   string app name   gt       lt  activity gt

User · Answer

I did the below code onCreate   and worked with me  getSupportActionBar   setHomeAsUpIndicator R drawable ic yourindicator

User · Answer

If you are using Toolbar  you don t need those solutions  You only have to change the theme of the toolbar  app theme   style ThemeOverlay AppCompat Light   app theme   style ThemeOverlay AppCompat Dark ActionBar    If you are using a dark actionBar your back button is going to be white else if you are using light actionbar theme it is going to be black

User · Answer

I have checked the question  Here is the steps that I follow  The source code is hosted on GitHub  https   github com jiahaoliuliu sherlockActionBarLab  Override the actual style for the pre-v11 devices   Copy and paste the follow code in the file styles xml of the default values folder    lt resources gt       lt style name  MyCustomTheme  parent  Theme Sherlock Light  gt       lt item name  homeAsUpIndicator  gt  drawable ic home up lt  item gt       lt  style gt   lt  resources gt    Note that the parent could be changed to any Sherlock theme   Override the actual style for the v11  devices   On the same folder where the folder values is  create a new folder called values-v11  Android will automatically look for the content of this folder for devices with API or above   Create a new file called styles xml and paste the follow code into the file    lt  xml version  1 0  encoding  utf-8   gt   lt resources gt       lt style name  MyCustomTheme  parent  Theme Sherlock Light  gt       lt item name  android homeAsUpIndicator  gt  drawable ic home up lt  item gt       lt  style gt   lt  resources gt    Note tha the name of the style must be the same as the file in the default values folder and instead of the item homeAsUpIndicator  it is called android homeAsUpIndicator   The item issue is because for devices with API 11 or above  Sherlock Action Bar use the default Action Bar which comes with Android  which the key name is android homeAsUpIndicator  But for the devices with API 10 or lower  Sherlock Action Bar uses its own ActionBar  which the home as up indicator is called simple  homeAsUpIndicator    Use the new theme in the manifest  Replace the theme for the application activity in the AndroidManifest file    lt application     android allowBackup  true      android icon   drawable ic launcher      android label   string app name      android theme   style MyCustomTheme   gt

User · Answer

tray this   getSupportActionBar   setHomeAsUpIndicator R drawable ic close     inside onCreate

User · Answer

I had the same issue of Action-bar Home button icon direction because of miss managing of Icon in Gradle Resource directory icon  like in Arabic Gradle resource directory you put icon in x-hdpi and in English Gradle resource same icon name you put in different density folder like xx-hdpi  so that in APK there will be two same icon names in different directories so your device will pick density dependent icon may be RTL or LTR

[android] How to customize the back button on ActionBar

Examples related to android

Examples related to android-actionbar