16

The title says it all. When I call the mDrawerToggle.setDrawerIndicatorEnabled(false) I don't want the "hamburger" icon to be shown anymore but the backwards navigation arrow.

Unfortunately when I call this method just the title is shown without the backwards arrow nor the "hamburger" icon. After setting the drawerIndicatorEnabled to be true again it shows the "hamburger" icon again.

I set getSupportActionBar().setDisplayHomeAsUpEnabled(true) and getSupportActionBar().setDisplayShowHomeEnabled(true)

Edit: Basically the solution suggested here: Change drawer icon back to back arrow somehow doesn't give me the back arrow.

Does anyone know a solution for this issue? Thank you very much!

7
  • I think there's no way. Easiest workaround would be to setDrawerIndicatorEnabled to true when the drawer slides in, and false when it gets closed. (Assuming you are wishing to use the back-arrow to close the drawer)
    – natario
    Jan 2, 2015 at 12:38
  • But is it normal that it's not possible to enable the backwards navigation arrow anymore after disabling the drawerIndicator (or setting up the listener?)? It worked before when I didnt had any ActionBarDrawerToggle listener and set setHomeAsUpEnabled(true) ... Jan 2, 2015 at 12:47
  • Nice thing of a ActionBarDrawerToggle is that it manages icons itself depending on the drawer state. I think it's normal.
    – natario
    Jan 2, 2015 at 12:49
  • But your workaround still wouldn't work for me. My problem is that I always have the hamburger icon on mDrawerToggle.setDrawerIndicatorEnabled(true) and no icon but just the title on mDrawerToggle.setDrawerIndicatorEnabled(false). How am I suppose to get the backwards navigation arrow then with your solution? Jan 2, 2015 at 13:01
  • It wasn't clear before, sorry.
    – natario
    Jan 2, 2015 at 13:20

4 Answers 4

38

After hours of trials and errors I came up with a solution that allows to switch from "hamburger" to "arrow" and back. This is very weird and unnatural, don't ask me why it works in this way, but it works. Furthermore, this is the only solution that allowed me to do this, nothing else worked.

I have only one activity with fragments. When I'm switching from one fragment to another, I'm setting boolean variable in my activity displayingInnerFragment. For those fragments, where displayingInnerFragment == true, I show "arrow" in the top left corner, and for all others I show "hamburger". The following code I execute before switching to any fragment:

    ActionBar actionBar = getSupportActionBar();
    if (displayingInnerFragment) {
        actionBar.setDisplayHomeAsUpEnabled(false);
        drawerToggle.setDrawerIndicatorEnabled(false);
        actionBar.setDisplayHomeAsUpEnabled(true);
    } else {
        drawerToggle.setDrawerIndicatorEnabled(true);
    }

Note the double call to actionBar.setDisplayHomeAsUpEnabled() in one branch. This is required for drawerToggle.setDrawerIndicatorEnabled(false) to work. Otherwise it will not work properly. All other options either don't show "arrow" or hide "arrow" or "hamburger" at one moment or another.

10
  • This is weird. What the heck is going on here?
    – Jeff T
    Jul 18, 2015 at 23:01
  • 1
    Ok. How on earth does this work? And does it work with all Android versions as in it would be safe to publish an app with this solution?... and thanks for saving me hours of tireless work Aug 15, 2015 at 18:17
  • 1
    Holy mother of god. It worked! Thank you so much. There is no way I could've found it out without your answer
    – Bolein95
    Dec 20, 2015 at 20:36
  • 6
    It is nice to see the back arrow,but it doesn't catch the click,how to go back to backstack with this displayed back arrow?
    – Hanry
    Feb 6, 2016 at 18:24
  • 1
    @hanry don't use ActionBarDrawerToggle with the constructor that contains a Toolbar! Oct 21, 2016 at 20:13
7

Use like this:

mDrawerToggle.setHomeAsUpIndicator(R.drawable.abc_ic_ab_back_mtrl_am_alpha);
mDrawerToggle.setDrawerIndicatorEnabled(false);
mDrawerToggle.syncState();
3
  • 3
    Don't know why answer is down voted. For me adding row with mDrawerToggle.syncState() was a solution.
    – sunnyday
    Dec 17, 2015 at 6:41
  • This should be marked as the right answer, since it's simple and doesn't contain any hacks.
    – Rajath
    Aug 12, 2016 at 5:38
  • Thanks for a syncState(), but why should we use R.drawable.abc_ic_ab_back_mtrl_am_alpha, it changes every version of API and why is it here?
    – CoolMind
    Nov 1, 2016 at 19:15
4

This one stumped me for a while, as I knew there was a default up icon being used (from looking at the source of ActionBarDrawerToggle), and I wanted it to adopt the color set for R.attr.colorControlNormal. Amazingly, the order of these two lines is crucial for actually showing the up arrow:

mDrawerToggle.setDrawerIndicatorEnabled(false);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);

setDrawerIndicatorEnabled must be called on your ActionBarDrawerToggle before setDisplayHomeAsUpEnabled is called on your ActionBar. Both lines must be called for the default (tinted) arrow to show.

1

I also face the same problem (it's either the < icon or the menu icon shown, but not both) and finally found what's working for me.

Additional Info : I'm using Support library 25, so it might play a factor in here as I didn't test with previous library version. I'm using Toolbar set as action bar, and set up the ActionDrawerToggle with method that has Toolbar parameter in it. I only tested this on Android M device, though.

The code below is how I enabled/disable the navigation drawer (function is resides in NavigationDrawer Fragment).

public void setDrawerEnabled(final boolean enabled) {

    int lockMode = enabled ? DrawerLayout.LOCK_MODE_UNLOCKED :
            DrawerLayout.LOCK_MODE_LOCKED_CLOSED;

    mDrawerLayout.setDrawerLockMode(lockMode);
    mDrawerToggle.setDrawerIndicatorEnabled(enabled);

    ActionBar actionBar = null;
    if (getActivity() instanceof AppCompatActivity) {
        actionBar = ((AppCompatActivity) getActivity()).getSupportActionBar();
    }

    if (actionBar != null) {
        actionBar.setDisplayHomeAsUpEnabled(!enabled);
        actionBar.setDefaultDisplayHomeAsUpEnabled(!enabled);
        actionBar.setDisplayShowHomeEnabled(enabled);
        actionBar.setHomeButtonEnabled(enabled);
    }

    mDrawerToggle.syncState();

    mDrawerToggle.setToolbarNavigationClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {

            if (!mDrawerToggle.isDrawerIndicatorEnabled())
                getActivity().onBackPressed();

        }
    });
}

In my case, setting the actionBar.setHomeButtonEnabled(enabled); forces it to draw the menu icon (or else, in my case, when first fragment is resumed, there won't be any navigation icon), although it will stop rendering the < icon for other fragments. Setting the mDrawerToggle.syncState(); after changing the navigation icons remedy that for me, though. Now both icons are shown correctly!

I hope this helps someone!

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.