Toolbar navigation icon can't be center inside

Question

I want to set the navigation icon for my toolbar ,and get into the problem that the icon isn't center inside by default it looks like:

and the code is:

    setSupportActionBar(toolbar);
    ActionBar actionBar = getSupportActionBar();
    actionBar.setHomeButtonEnabled(true); 
    actionBar.setDisplayHomeAsUpEnabled(true);
    actionBar.setDisplayShowTitleEnabled(false);
    toolbar.setNavigationIcon(R.drawable.ic_arrow_back_white_48dp);

and the theme.xml is:

    <style name="AppTheme" parent="Theme.AppCompat.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="android:windowTranslucentStatus">true</item>
    <item name="android:navigationBarColor">@color/colorPrimaryDark</item>
    <item name="android:windowContentTransitions">true</item>
    <item name="android:windowAllowEnterTransitionOverlap">true</item>
    <item name="android:windowAllowReturnTransitionOverlap">true</item>

and the layout xml is:

<android.support.v7.widget.Toolbar     
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="@dimen/toolbar_height"
/>

I think I have tried everything I know but I just can't figure it out.I used to set the navigation icon for toolbar then it will be center inside and now.Any help will save my day!

Eidted: of course I tried different size of icons and I konw I could add a custom layout in toolbar or customize a layout like (which is a Linearlayout I write about)

But I just don't why I can't set the navigation icon like before,it will automatically be center inside....I think maybe I should change the theme or define something like navigationButttonStyle in the attributes....

see thsi link http://stackoverflow.com/questions/11244918/action-bar-icon-size — N J, Dec 02 '15 at 04:45
May be your icon size is large. Here is the guide lines https://www.google.com/design/spec/style/icons.html#icons-product-icons — Paresh P., Dec 02 '15 at 04:47
whatever the size of the image is ,like 18 24 36 48 dp,it always fill the toolbar and its scale type is center crop ,so the problem may be not the size of icon — Sinyuk, Dec 02 '15 at 04:53

score 1 · Answer 1 · answered Feb 14 '16 at 11:50

1

I fix this by inherit the right theme Widget.AppCompat.Toolbar rather than ThemeOverlay.AppCompat.Dark.ActionBar to define my own toolbar style. And use

<item name="toolbarStyle">@style/MyToolBar</item>

to set the toolbarStyle

answered Feb 14 '16 at 11:50

cmicat

347
3
5

Thanks, the right answer, the navigation icon was too high positioned. – Arise Feb 06 '20 at 19:12

score 0 · Answer 2 · answered Dec 02 '15 at 05:13

0

I think you are using a bit big image. Try figure it out using this link

answered Dec 02 '15 at 05:13

Jayakrishnan Salim

977
1
10
24

This must be a comment ! Link can be vanish ! – Piyush Dec 02 '15 at 05:33

score -1 · Answer 3 · answered Dec 02 '15 at 05:31

OK now I finally find out where the problem is: which has nothing to do with the icon size

You should place the image resource in the to the corresponding folder like (drawable-xxhdpi , drawable-xhdpi).If you don't do so,which means if you just put it in the drawable folder , it won't be auto resized to be center inside in your toolbar;

Toolbar navigation icon can't be center inside

3 Answers3