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
หลังจากที่คุณเริ่มต้นActionBarDrawerToggle
Pedro Oliveira

1
ไฮ! เราสามารถแสดงไอคอนแฮมเบอร์เกอร์โดยไม่ต้องโทรได้หรือไม่mDrawerToggl.syncState()จริง ๆ แล้วฉันกำลังแสดงลิ้นชักการนำทางเป็นภาพซ้อนทับบนแถบเครื่องมือดังนั้นจึงไม่จำเป็นต้องใช้ภาพเคลื่อนไหวในกรณีของฉัน
Shajeel Afzal

1
ปัญหาของคุณอาจเป็นอีกปัญหาหนึ่งที่ @AlexVPerl ไม่จำเป็นต้องลดคะแนนเพียงเพราะมันไม่ได้ผลสำหรับคุณ นรกถ้าฉันจะลงคะแนนคำตอบทั้งหมดที่ไม่ได้ผลสำหรับฉัน ....
Pedro Oliveira

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

เป็นไปได้หรือไม่โดยไม่ต้องตั้งแถบเครื่องมือเป็นแถบการทำงานเพื่อแสดงแฮมเบอร์เกอร์ที่วาดได้
นักพัฒนา 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

ไม่ช่วยสำหรับฉัน Android 6.0
a_subscriber

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

ขออภัยพวกเขาต้องการให้ไอคอนแฮมเบอร์เกอร์แสดงขึ้นและวิธีที่ฉันเปลี่ยนก็คือตามรหัสด้านบน โปรดอ่านความคิดเห็นข้างรหัส วิธีนี้จะช่วยให้ผู้ที่ติดไอคอนย้อนกลับบนลิ้นชักการนำทาง
user2132226

คุณจะแสดงแฮมเบอร์เกอร์ที่วาดได้ในแถบเครื่องมืออย่างไรโดยไม่ต้องทำให้แถบเครื่องมือเป็นแถบการทำงาน
นักพัฒนา Android

6

อย่าลืมแทนที่เมธอด onOptionsItemSelected และตรวจสอบว่ามีการคลิก ctionBarDrawerToggle หรือไม่ในกรณีนี้จะส่งคืนจริงมิฉะนั้นกิจกรรมจะเสร็จสิ้น

@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 โปรดใช้วิธีการโพสต์:

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

อย่างไรก็ตามฉันไม่ได้ใช้ Toolbar


รหัสบรรทัดนี้บันทึกวันของฉัน ฉันได้แปลงรหัส eclipse เป็น android studio และทันใดนั้นปุ่มสลับลิ้นชักของฉันก็แปลงเป็นลูกศรโดยอัตโนมัติ ตอนนี้มันทำงานได้ดีหลังจากเพิ่มบรรทัดของรหัสนี้ ขอบคุณมาก @john Leehey
Hitesh Kamani

3

ฉันยังพบปัญหาที่คล้ายกันในกรณีของฉันปัญหาคือเมื่อเริ่มต้น actionbartoggle ฉันไม่ได้ส่งผ่านอาร์กิวเมนต์แถบเครื่องมือที่ถูกต้อง (แถบเครื่องมือเริ่มต้นในภายหลัง) หากไม่มีแถบเครื่องมือที่เหมาะสมและไม่เป็นค่าว่าง ActionBarToggle จะไม่สามารถสร้างไอคอนแฮมเบอร์เกอร์ได้

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

1

คุณสามารถเรียก syncState () จาก onPostCreate ของกิจกรรมของคุณเพื่อซิงโครไนซ์ตัวบ่งชี้กับสถานะของ DrawerLayout ที่เชื่อมโยงหลังจากเกิด onRestoreInstanceState

@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

สิ่งนี้ใช้ได้กับฉัน ฉันได้ขยาย AppCompatActivity แทน 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();

    }
};
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.