show icon in actionbar/toolbar with AppCompat-v7 21

Question

I tried these - but still do not see the icon like before:

getSupportActionBar().setLogo(R.drawable.ic_launcher);
getSupportActionBar().setDisplayUseLogoEnabled(true);
getSupportActionBar().setIcon(R.drawable.ic_launcher);

It seems to work when I use custom toolbar - but that would force me to touch all layouts - is there a better way to do so?

You can add your activity class, where you have added action bar stuff? — Harsha Vardhan, Oct 18 '14 at 14:44

score 257 · Accepted Answer · edited Jan 08 '18 at 13:23

257

getSupportActionBar().setDisplayShowHomeEnabled(true);

along with

getSupportActionBar().setIcon(R.drawable.ic_launcher);

edited Jan 08 '18 at 13:23

Derlin

9,572
2
32
53

answered Oct 19 '14 at 14:19

nadavfima

3,012
1
11
9

7

Beware that `getSupportActionBar()` could be `null` depending on your activity's style. – jlhonora Sep 03 '15 at 13:44
2

still its not showing icon. i used getSupportActionBar().setDisplayHomeAsUpEnabled(true); getSupportActionBar().setIcon(R.drawable.ic_app_icon); getSupportActionBar().setTitle("Label"); – Meenaxi Mar 30 '16 at 07:06
13

Why Icon shows in middle of the Title bar? I want Icon left side of Title bar. Please help.. Thanks – Mohammad Rajob May 02 '16 at 06:41
How do I find the Icon Image view? – Samuel Robert Jan 22 '17 at 13:28
1

@Meenaxi you should use setDisplayShowHomeEnabled(true); That one did the trick for me – arniotaki Apr 06 '17 at 08:49
how can i set some action to the home icon – Pranav MS Apr 21 '17 at 05:42
2

Note that setting the icon doesn't make it clickable. If you're looking for a clickable icon, you need to use `.setHomeAsUpIndicator` and handle it in your `onOptionsItemSelected`. – Joshua Pinter Nov 23 '19 at 15:38

score 32 · Answer 2 · answered Oct 18 '14 at 14:44

In modern Android UIs developers should lean more on a visually distinct color scheme for toolbars than on their application icon. The use of application icon plus title as a standard layout is discouraged on API 21 devices and newer.

If you disagree you can try with:

To create the toolbar in XML:

<android.support.v7.widget.Toolbar  
    android:id="@+id/my_awesome_toolbar"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    android:minHeight="?attr/actionBarSize"
    android:background="?attr/colorPrimary" />

In your activity:

@Override
public void onCreate(Bundle savedInstanceState) {  
    super.onCreate(savedInstanceState);
    setContentView(R.layout.my_layout);

    Toolbar toolbar = (Toolbar) findViewById(R.id.my_awesome_toolbar);
    setSupportActionBar(toolbar);
}

Use the setLogo() method to set the icon. Code source.

I just want to point out that currently the Play Store `Settings` Activity has the app icon in the action bar. This is still there after the Material update. — Austyn Mahoney, Dec 15 '14 at 23:15

Michał Klimczak · Answer 3 · 2014-11-13T07:32:09.427

17

This worked for me:

    getSupportActionBar().setHomeButtonEnabled(true);
    getSupportActionBar().setDisplayShowHomeEnabled(true);
    getSupportActionBar().setDisplayUseLogoEnabled(true);
    getSupportActionBar().setLogo(R.drawable.ic_logo);
    getSupportActionBar().setDisplayShowTitleEnabled(false); //optional

as well as:

    getSupportActionBar().setHomeButtonEnabled(true);
    getSupportActionBar().setDisplayShowHomeEnabled(true);
    getSupportActionBar().setIcon(R.drawable.ic_logo); //also displays wide logo
    getSupportActionBar().setDisplayShowTitleEnabled(false); //optional

edited Nov 13 '14 at 07:32

answered Nov 12 '14 at 15:14

Michał Klimczak

12,674
8
66
99

there are to many unnecessary methods and not related to icon – user924 Jun 29 '18 at 14:19

score 17 · Answer 4 · answered Jun 17 '16 at 08:50

17

simplest thing to do; just add:

app:navigationIcon="@drawable/ic_action_navigation_menu">

to the <android.support.v7.widget.Toolbar tag

where @drawable/ic_action_navigation_menu is the name of icon

answered Jun 17 '16 at 08:50

Pila

5,460
1
19
30

1

Works perfectly! This is the correct and simplest way to add the navigation icon in the toolbar. If you want to check for the navigation icon clicks, you can check for `android.R.id.home` ID in your `onOptionsItemSelected(...)`. – Sazid Jun 20 '16 at 17:52

score 12 · Answer 5 · answered Dec 12 '14 at 11:40

A better way for setting multiple options:

setIcon/setLogo method will only work if you have set DisplayOptions Try this -

actionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_HOME | ActionBar.DISPLAY_SHOW_TITLE);
actionBar.setIcon(R.drawable.ic_launcher);

You can also set options for displaying LOGO(just add constant ActionBar.DISPLAY_USE_LOGO). More information - displayOptions

score 6 · Answer 6 · answered Oct 18 '14 at 13:52

6

Try using:

ActionBar ab = getSupportActionBar();
ab.setHomeButtonEnabled(true);
ab.setDisplayUseLogoEnabled(true);
ab.setLogo(R.drawable.ic_launcher);

answered Oct 18 '14 at 13:52

Chris Banes

31,763
16
59
50

6

sounded promising - but still no Icon :-( – ligi Oct 18 '14 at 14:16

score 6 · Answer 7 · edited Nov 19 '18 at 04:46

6

For Actionbar:

getActionBar().setDisplayHomeAsUpEnabled(true);
getActionBar().setHomeAsUpIndicator(R.drawable.ic_action_back);

For Toolbar:

getSupportActionBar().setDisplayHomeAsUpEnabled(true);
getSupportActionBar().setHomeAsUpIndicator(R.drawable.ic_action_back);

edited Nov 19 '18 at 04:46

GabrielBB

2,479
1
35
49

answered Jun 21 '16 at 09:23

Peter Ivanov

69
1
2

5

There is no difference between the 2 code for ActionBar and Toolbar, is this intentional? – King King Oct 22 '16 at 03:32
1

For ActionBar should be: getActionBar().setDisplayHomeAsUpEnabled(true); getActionBar().setHomeAsUpIndicator(R.drawable.ic_action_back); – Darsshan Aug 29 '17 at 11:07
This is actually the way to go. Just using `setIcon` doesn't allow a clickable button, where as `setHomeAsUpIndicator` and handling that in `onOptionsItemSelected` works a treat. Thanks! – Joshua Pinter Nov 23 '19 at 16:26

score 5 · Answer 8 · answered Jul 28 '15 at 15:20

5

if you want to set the home or back icon (not logo or static icon) so you can use

 getSupportActionBar().setDisplayHomeAsUpEnabled(true);
 getSupportActionBar().setHomeAsUpIndicator( getResources().getDrawable(R.drawable.home) );

answered Jul 28 '15 at 15:20

smoothumut

3,423
1
25
35

this is the correct answer, since deploy appearance and behaviour – cutiko Apr 04 '16 at 23:21
only this gave me a normal appearance (size, margins, offset between title and icon), works ok even with vector launcher (`.xml`), like `R.mipmap.ic_launcher` or `R.mipmap.ic_launcher_round` – user924 Jun 29 '18 at 14:30
and I used this as logo/static icon cause other solutions works ugly – user924 Jun 29 '18 at 14:35

score 4 · Answer 9 · edited Sep 30 '17 at 13:27

getSupportActionBar().setDisplayShowHomeEnabled(true);
getSupportActionBar().setIcon(R.drawable.ic_launcher);

OR make a XML layout call the tool_bar.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:background="@color/colorPrimary"
    android:theme="@style/ThemeOverlay.AppCompat.Dark"
    android:elevation="4dp">

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@color/colorPrimary"
        android:src="@drawable/ic_action_search"/>

    </RelativeLayout>
</android.support.v7.widget.Toolbar>

Now in you main activity add this line

 <include
     android:id="@+id/tool_bar"
     layout="@layout/tool_bar" />

score 3 · Answer 10 · edited Jun 20 '20 at 09:12

If you dont want to set your toolbar as action bar using setSupportActionBar, you can add a logo next to your navigation icon (if you have a back button for example) like this:

toolbar.setLogo();

or in xml

<android.support.v7.widget.Toolbar 
    ....
    android:logo="@drawable/logo"
    app:logo="@drawable/logo"/>

And even if you have a title set on the Toolbar, the the title will still show.

Ex: The green check in the image below is the logo

Odilon Cenamo · Answer 11 · 2015-09-23T19:58:25.900

Try this:

import android.support.v7.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
...
    ActionBar actionbar = getSupportActionBar();
    actionbar.setDisplayHomeAsUpEnabled(true);
    actionbar.setHomeAsUpIndicator(R.drawable.ic_launcher);

so your icon will be used for Home / back
or

import android.support.v7.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
...
    ActionBar actionbar = getSupportActionBar();
    actionbar.setDisplayShowHomeEnabled(true);
    actionbar.setIcon(R.drawable.ic_launcher);

for static icon

score 1 · Answer 12 · answered Jun 07 '17 at 12:45

toolbar.setLogo(resize(logo, (int) Float.parseFloat(mContext.getResources().getDimension(R.dimen._120sdp) + ""), (int) Float.parseFloat(mContext.getResources().getDimension(R.dimen._35sdp) + "")));


public Drawable resize(Drawable image, int width, int height)
{
    Bitmap b = ((BitmapDrawable) image).getBitmap();
    Bitmap bitmapResized = Bitmap.createScaledBitmap(b, width, height, false);
    return new BitmapDrawable(getResources(), bitmapResized);
}

Daniele D. · Answer 13 · 2015-10-01T11:31:52.740

0

In Xamarin.Android you can use these:

SupportActionBar.SetHomeButtonEnabled(true);
SupportActionBar.SetDisplayShowHomeEnabled(true);
SupportActionBar.SetDisplayUseLogoEnabled(true);
SupportActionBar.SetIcon(Resource.Drawable.ic_launcher);
SupportActionBar.SetDisplayShowTitleEnabled(false);

using Android.Support.V7.App.AppCompatActivity is required.

edited Oct 01 '15 at 11:31

answered Sep 29 '15 at 14:04

Daniele D.

2,624
3
36
42

score 0 · Answer 14 · edited Apr 17 '16 at 16:22

0

Try this. For me it worked

getSupportActionBar().setDisplayShowHomeEnabled(true);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
getSupportActionBar().setDisplayUseLogoEnabled(true);

edited Apr 17 '16 at 16:22

Tunaki

132,869
46
340
423

answered Apr 17 '16 at 16:12

Matte23

36
1
3

score 0 · Answer 15 · answered Feb 27 '18 at 12:14

0

In Kotlin I did the following to just show the icon:

supportActionBar?.setDisplayShowHomeEnabled(true)
supportActionBar?.setIcon(R.drawable.ic_icon_small)

answered Feb 27 '18 at 12:14

Leon

3,614
1
33
46

show icon in actionbar/toolbar with AppCompat-v7 21

15 Answers15

Linked

Related