Appcompatv7-v21ナビゲーションドロワーにハンバーガーアイコンが表示されない


101

最新のappcompatサポートライブラリでロリポップスタイルのナビゲーションドロワーを実装していますが、問題はハンバーガーアイコンが表示されないことです。戻るアイコンのみが表示されます。

これは私の活動コードです

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); 

 }
}

これは私のスタイルファイルです

 <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>

レイアウトファイル

<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>

戻るボタンが表示されたナビゲーションドロワー

戻るボタンが表示されたナビゲーションドロワー

どちらの場合も、戻る矢印のみが表示されます。多くの投稿を読みましたが、違いは何もないようです。任意の助けいただければ幸いです。

回答:


148

電話する必要があります

mDrawerToggle.syncState();

2
onDrawerClosed()とonDrawerOpened()の内側だと思います
Paul Verest 14年

14
初期化直後ActionBarDrawerToggle
Pedro Oliveira 14年

1
こんにちは!を呼び出さずにハンバーガーアイコンを表示できますかmDrawerToggl.syncState()。実際には、ツールバーにオーバーレイとしてナビゲーションドロワーを表示しているので、アニメーションは必要ありません。
Shajeel Afzal 14

1
多分あなたの問題は別の@AlexVPerlです。うまくいかなかったからといって、反対投票する必要はありません。地獄、私には役に立たないすべての答えを反対票に入れるつもりなら...
ペドロ・オリベイラ

1
@PedroOliveiraそれは賛成/反対投票ボタンのユースケースではありませんか?
AlexVPerl 2015年

19

正しい引き出しトグルをインポートしていることを確認してください。

v4バージョンをインポートしたとき、矢印(下)がありました。

import android.support.v4.app.ActionBarDrawerToggle;

これを(以下、v7)に変更すると、問題が解決しました。

import android.support.v7.app.ActionBarDrawerToggle;

14

必ず電話してください

mDrawerToggle.syncState();

呼び出し後

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

ツールバーをアクションバーとして設定せずに、ハンバーガーをドローアブルに表示することは可能ですか?
Android開発者

13

ActionBarDrawerToggleを使用する場合は、onPostCreate()および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);
    }

そしてonOptionsItemSelectedまた。
Brais Gabin、2015年

私には役に立たない。Android 6.0
a_subscriber 2017年

9

私のNavigationDrawerがアクティビティではなくフラグメントを拡張していたため、postCreateをオーバーライドできませんでした。以下は私がやったことです。

   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

それが役に立てば幸い!


なぜこれが質問者を助けるのに役立つと思うのかについて少し広げてください。
Mikael Ohlson、2015

申し訳ありませんが、ハンバーガーのアイコンを表示したかったのですが、私が変更した方法は上記のコードです。コードの横にあるコメントを読んでください。これは、ナビゲーションドロワーの戻るアイコンが表示されない場合に役立ちます。
user2132226

ツールバーをアクションバーにせずに、ハンバーガーをドローアブルでツールバーにどのように表示しますか?
Android開発者

6

onOptionsItemSelectedメソッドをオーバーライドし、ctionBarDrawerToggleがクリックされたかどうかを確認することを忘れないでください。この場合、trueを返します。それ以外の場合、アクティビティは終了します。

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

3
ワンライナー:return actionBarDrawerToggle.onOptionsItemSelected(item) || super.onOptionsItemSelected(item)
gregschlom 2016年

5

あなたはこれを単に使うことができます:

// 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);
    }
});

mDrawerToggle.syncState()の後にコードを削除すれば、問題ありません。
Ahmad Jamil Al Rasyid

3

ActionBarDrawerToggleを含めるときは、必ずpostメソッドを使用してください。

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

これは私のために働いた!それと、それを使用しsetHomeAsUpIndicator(R.drawable.ic_menu/ic_back)て行われた回避策を削除すると、フラグメントを切り替えるときに偽のアイコンが強制されました。しかし、新しいアニメーションのハンバーガーアイコンに更新された後、それは仕事をしません。
Jota、2015


3

mDrawerToggle.syncState() 私にとってはうまくいきませんでしたが、最終的には次のように動作させることができました:

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

ただし、ツールバーは使用していませんでした。


このコード行は私の一日を救いました。EclipseコードをAndroid Studioに変換しましたが、突然、ドロワーのトグルボタンがすべて自動的に矢印に変換されました。現在、このコード行を追加した後は正常に動作しています。本当にありがとう@john Leehey
Hitesh Kamani

3

同様の問題も発生しました。私の場合、actionbartoggleを開始するときに、有効なツールバー引数を渡さなかったため(ツールバーは後で初期化されました)、適切なnull以外のツールバーがなければ、ActionBarToggleはハンバーガーアイコンを作成できません。

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

1

onRestoreInstanceStateが発生した後、アクティビティのonPostCreateからsyncState()を呼び出して、リンクされたDrawerLayoutの状態とインジケーターを同期させることができます。

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

また、ActionBarDrawerToggleをDrawerLayout.DrawerListenerとして直接使用することもできます。すでに独自のリスナーを提供している場合は、独自のリスナーメソッドのそれぞれにコールスルーできます。

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

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

1

アクションバーメニューをクリックしても、ナビゲーションドロワーが表示されませんでした。これで解決しました。

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


        return super.onOptionsItemSelected(item);
    }

1

これでうまくいきます。ActionBarActivityの代わりにAppCompatActivityを拡張しました。

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();

    }
};
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.