Appcompatv7 - v21 Gaveta de navegação não exibe o ícone de hambúrguer


101

Estou implementando a gaveta de navegação estilo pirulito com a biblioteca de suporte appcompat mais recente, mas o problema é que o ícone de hambúrguer nunca é exibido. Apenas o ícone de volta é mostrado.

Este é o meu código de atividade

import android.os.Bundle;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBarActivity;
import android.support.v7.app.ActionBarDrawerToggle;
import android.support.v7.widget.Toolbar;
import android.view.View;

public class Home extends ActionBarActivity {

private DrawerLayout mDrawerLayout;
private ActionBarDrawerToggle mDrawerToggle;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_home);
    initViews();
}


private void initViews(){

    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);


    toolbar.setTitleTextColor(getResources().getColor(android.R.color.white));
    setSupportActionBar(toolbar);

    mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout,toolbar ,  R.string.drawer_open, R.string.drawer_close) { 

        /** Called when a drawer has settled in a completely closed state. */ 
        public void onDrawerClosed(View view) {
            super.onDrawerClosed(view);
            //getActionBar().setTitle(mTitle);
            //invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
        } 

        /** Called when a drawer has settled in a completely open state. */ 
        public void onDrawerOpened(View drawerView) {
            super.onDrawerOpened(drawerView);
            //getActionBar().setTitle(mDrawerTitle);
            //invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
        } 
    }; 


    // Set the drawer toggle as the DrawerListener 
    mDrawerLayout.setDrawerListener(mDrawerToggle);

    getSupportActionBar().setDisplayHomeAsUpEnabled(true); 
    getSupportActionBar().setHomeButtonEnabled(true); 

 }
}

Este é o meu arquivo de estilos

 <resources>
 <!-- Application theme. -->
<style name="Theme.Test" parent="@style/Theme.AppCompat.Light">

    <!-- customize the color palette -->
    <item name="colorPrimary">@color/primary</item>
    <item name="colorPrimaryDark">@color/primary_dark</item>
    <item name="colorAccent">@color/accent</item>
    <item name="windowActionBar">false</item>
    <item name="drawerArrowStyle">@style/Theme.Test.DrawerArrowStyle</item>
</style>

<style name="Theme.Test.DrawerArrowStyle" parent="@style/Widget.AppCompat.DrawerArrowToggle">
    <item name="spinBars">true</item>
    <item name="color">@android:color/white</item>
</style>

O arquivo de layout

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    android:minHeight="?attr/actionBarSize"
    app:theme="@style/ThemeOverlay.AppCompat.ActionBar" />

<android.support.v4.widget.DrawerLayout
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent" 
    android:layout_below="@+id/toolbar">

    <!-- The main content view -->

    <FrameLayout
        android:id="@+id/content_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
    <!-- The navigation drawer -->

    <ListView
        android:id="@+id/left_drawer"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:background="#111"
        android:choiceMode="singleChoice"
        android:divider="@android:color/transparent"
        android:dividerHeight="0dp" />
</android.support.v4.widget.DrawerLayout>

</RelativeLayout>

Gaveta de navegação mostrando o botão Voltar

Gaveta de navegação mostrando o botão Voltar

Em ambos os casos, apenas a seta para trás é mostrada, eu li muitos posts, mas nada parece fazer diferença. Qualquer ajuda seria apreciada.

Respostas:


148

Você precisa ligar

mDrawerToggle.syncState();

2
Acho que dentro de onDrawerClosed () e onDrawerOpened ()
Paul Verest

14
Logo após inicializar o seuActionBarDrawerToggle
Pedro Oliveira

1
Oi! Podemos mostrar o ícone do Hambúrguer sem chamar mDrawerToggl.syncState()? Na verdade, estou mostrando a gaveta de navegação como uma sobreposição na barra de ferramentas, então a animação não é necessária no meu caso.
Shajeel Afzal

1
O talvez seu problema seja outro @AlexVPerl. Não há necessidade de downvote apenas porque não funcionou para você. Inferno, se eu vou downvote todas as respostas que não funcionam para mim ....
Pedro Oliveira

1
@PedroOliveira Não é esse o caso de uso dos botões de voto para cima / baixo?
AlexVPerl

19

Certifique-se de que você está importando a chave de gaveta correta.

Quando importei a versão v4 tinha a seta (abaixo).

import android.support.v4.app.ActionBarDrawerToggle;

Mudar para este (abaixo, v7) corrigiu meu problema.

import android.support.v7.app.ActionBarDrawerToggle;

14

Certifique-se de ligar

mDrawerToggle.syncState();

DEPOIS de ligar

getSupportActionBar().setDisplayHomeAsUpEnabled(true); 
getSupportActionBar().setHomeButtonEnabled(true); 

é possível sem definir a barra de ferramentas como barra de ações, para mostrar o drawable hambúrguer?
desenvolvedor Android

13

Ao usar o ActionBarDrawerToggle, você deve chamá-lo durante onPostCreate () e onConfigurationChanged ()

    @Override
    protected void onPostCreate(Bundle savedInstanceState) {
        super.onPostCreate(savedInstanceState);
        // Sync the toggle state after onRestoreInstanceState has occurred.
        mDrawerToggle.syncState();
    }

    @Override
    public void onConfigurationChanged(Configuration newConfig) {
        super.onConfigurationChanged(newConfig);
        // Pass any configuration change to the drawer toggls
        mDrawerToggle.onConfigurationChanged(newConfig);
    }

E onOptionsItemSelectedtambém.
Brais Gabin

Não ajuda para mim. Android 6.0
a_subscriber de

9

Como meu NavigationDrawer estava estendendo um Fragment, não uma Activity, não consegui substituir postCreate. A seguir está o que eu fiz.

   ActionBar actionBar = getActionBar();
   actionBar.setDisplayHomeAsUpEnabled(true); // this sets the button to the    back icon
   actionBar.setHomeButtonEnabled(true); // makes it clickable
   actionBar.setHomeAsUpIndicator(R.drawable.ic_drawer);// set your own icon

Espero que ajude!


Talvez explique um pouco por que você acha que isso ajudaria a pessoa que está perguntando?
Mikael Ohlson,

Desculpe, eles queriam que o ícone de hambúrguer fosse exibido e a forma como o mudei foi com o código acima. Por favor, leia os comentários ao lado do código. Isso pode ajudar as pessoas que ficam presas com o ícone de volta na gaveta de navegação.
user2132226

Como você mostraria o drawable hambúrguer na barra de ferramentas, sem tornar a barra de ferramentas como barra de ação?
desenvolvedor Android

6

Não se esqueça de sobrescrever o método onOptionsItemSelected e verificar se ctionBarDrawerToggle foi clicado, neste caso retorne verdadeiro caso contrário a atividade será finalizada.

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    if (actionBarDrawerToggle.onOptionsItemSelected(item)) {
        return true;
    }
    return super.onOptionsItemSelected(item);
}

3
One-liner:return actionBarDrawerToggle.onOptionsItemSelected(item) || super.onOptionsItemSelected(item)
gregschlom

5

Você pode simplesmente usar isto:

// Defer code dependent on restoration of previous instance state.
mDrawerLayout.post(new Runnable() {
    @Override
    public void run() {
        mDrawerToggle.syncState();
        getActionBar().setHomeAsUpIndicator(R.drawable.ic_drawer);
    }
});

remova o código após mDrawerToggle.syncState () e pronto .
Ahmad Jamil Al Rasyid de

3

Ao incluir ActionBarDrawerToggle, certifique-se de usar o método post:

mDrawerLayout.post(new Runnable() {
   @Override
   public void run() {
       mDrawerToggle.syncState();
   }
});

Isso funcionou para mim! Isso e também remover uma solução alternativa feita com o uso setHomeAsUpIndicator(R.drawable.ic_menu/ic_back)que forçava o ícone que era fingido ao alternar entre os fragmentos. Mas depois de ser atualizado para o novo ícone de hambúrguer animado, isso não resolve.
Jota

Realmente funcionou na API 21
Ramireddy Chintalapudi

3

mDrawerToggle.syncState() não funcionou para mim, mas eventualmente consegui trabalhar com:

getSupportActionBar().setHomeAsUpIndicator(R.drawable.hamburger_icon);

Eu, no entanto, não estava usando uma barra de ferramentas.


Esta linha de código salvou meu dia. Eu converti meu código do eclipse para o Android Studio e, de repente, meu botão de alternância da gaveta foi convertido automaticamente para seta. agora está funcionando bem após adicionar esta linha de código. Muito obrigado @john Leehey
Hitesh Kamani

3

Eu também tive um problema semelhante, no meu caso o problema foi, ao iniciar o actionbartoggle, eu não estava passando um argumento válido da barra de ferramentas (a barra de ferramentas foi inicializada mais tarde), sem uma barra de ferramentas adequada, não nula, o ActionBarToggle não criaria um ícone de hambúrguer.

actionBarToggle = ActionBarDrawerToggle(this, mDrawer, toolbar, 
R.string.drawer_open, R.string.drawer_close);

1

você pode chamar syncState () do onPostCreate de sua Activity para sincronizar o indicador com o estado do DrawerLayout vinculado depois que onRestoreInstanceState ocorreu.

@Override
    protected void onPostCreate(Bundle savedInstanceState) {
        super.onPostCreate(savedInstanceState);
        // Sync the toggle state after onRestoreInstanceState has occurred.
        mDrawerToggle.syncState();
    }

Além disso, ActionBarDrawerToggle pode ser usado diretamente como DrawerLayout.DrawerListener ou, se você já estiver fornecendo seu próprio ouvinte, chame cada um dos seus próprios métodos de ouvinte.

private ActionBarDrawerToggle mDrawerToggle;
private DrawerLayout mDrawerLayout;
  .
  .
  .
  .
mDrawerLayout.setDrawerListener(mDrawerToggle);

    mDrawerLayout.post(new Runnable() {
        @Override
        public void run() {
            mDrawerToggle.syncState();
        }
    });

1

A gaveta de navegação não era exibida ao clicar no menu da barra de ação. Isso consertou para mim.

   @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        if (mDrawerToggle.onOptionsItemSelected(item)) {
            return true;
        }
      //add your switch statement


        return super.onOptionsItemSelected(item);
    }

1

Isso funciona para mim. Estendi AppCompatActivity em vez de ActionBarActivity.

mActionBarDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout,null, R.string.drawer_opened, R.string.drawer_closed) {
    @Override
    public void onDrawerOpened(View drawerView) {
        super.onDrawerOpened(drawerView);
        if( getSupportActionBar()!= null)
        getSupportActionBar().setTitle(R.string.drawer_opened);
        mActionBarDrawerToggle.syncState();
    }

    @Override
    public void onDrawerClosed(View drawerView) {
        super.onDrawerClosed(drawerView);
        if(getSupportActionBar() != null)
            getSupportActionBar().setTitle(R.string.drawer_closed);
            mActionBarDrawerToggle.syncState();

    }
};
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.