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 () 안에 추측
폴 Verest

14
당신은 당신의 초기화 직후ActionBarDrawerToggle
페드로 올리베이라

1
안녕하세요! 을 호출하지 않고 햄버거 아이콘을 표시 할 수 있습니까? mDrawerToggl.syncState()실제로 내 경우에는 애니메이션이 필요하지 않도록 탐색 서랍을 도구 모음에 오버레이로 표시하고 있습니다.
Shajeel Afzal 2014

1
아마도 당신의 문제는 @AlexVPerl의 또 다른 문제입니다. 당신을 위해 작동하지 않았다는 이유만으로 반대 투표를 할 필요가 없습니다. 지옥, 나는 .... 나를 위해 일을하지 않는 모든 대답 downvote거야 경우
페드로 올리베이라

1
@PedroOliveira 위 / 아래 투표 버튼의 사용 사례가 아닙니까?
AlexVPerl

19

올바른 서랍 토글을 가져오고 있는지 확인하십시오.

v4 버전을 가져올 때 화살표 (아래)가있었습니다.

import android.support.v4.app.ActionBarDrawerToggle;

이것을 (아래, v7) 변경하면 내 문제가 해결되었습니다.

import android.support.v7.app.ActionBarDrawerToggle;

14

전화했는지 확인하십시오.

mDrawerToggle.syncState();

전화 후

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

툴바를 액션 바로 설정하지 않고도 햄버거 드로어 블을 표시 할 수 있습니까?
안드로이드 개발자

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가 활동이 아닌 Fragment를 확장했기 때문에 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 2015-09-03

툴바를 액션 바로 만들지 않고 어떻게 햄버거 드로어 블을 툴바에 표시할까요?
안드로이드 개발자

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

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

3

mDrawerToggle.syncState() 나를 위해 일하지 않았지만 결국 다음과 함께 작동하게되었습니다.

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

그러나 저는 툴바를 사용하지 않았습니다.


이 코드 줄은 내 하루를 구했습니다. 이클립스 코드를 안드로이드 스튜디오로 변환했고 갑자기 서랍 토글 버튼이 자동으로 화살표로 변환되었습니다. 이제이 코드 줄을 추가 한 후 정상적으로 작동합니다. 감사합니다 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.