Android支持工具栏+ActionBarDrawerToggle不会更改为箭头

Question

我正在与工具栏和抽屉菜单纠结。我试图使汉堡按钮在将新碎片添加到回退堆栈时切换到箭头，但是似乎没有办法。

也许我遗漏了什么，但我找不到解决方法。有人遇到过同样的问题吗？

这是声明：

mDrawerToggle = new ActionBarDrawerToggle(
            getActivityCompat(),                    /* host Activity */
            mDrawerLayout,                    /* DrawerLayout object */
            ((BaseActivity) getActivityCompat()).getToolbar(),
            R.string.navigation_drawer_open,  /* "open drawer" description for accessibility */
            R.string.navigation_drawer_close  /* "close drawer" description for accessibility */
    )

这是我在碎片添加到返回栈时调用的函数。

public void setToggleState(boolean isEnabled) {
    if (mDrawerLayout == null)
        return;

    if (isEnabled) {
        mDrawerLayout.setDrawerLockMode(DrawerLayout.LOCK_MODE_UNLOCKED);
        mDrawerToggle.onDrawerStateChanged(DrawerLayout.LOCK_MODE_UNLOCKED);
    } else {
        mDrawerLayout.setDrawerLockMode(DrawerLayout.LOCK_MODE_LOCKED_CLOSED);
        mDrawerToggle.onDrawerStateChanged(DrawerLayout.LOCK_MODE_LOCKED_CLOSED);
    }
    mDrawerToggle.syncState();
}

- Marcel

---

我已经更新了帖子。 - Marcel

我遇到了同样的问题。在我的当前解决方案中，我只是弹出一个新的带有片段和启用向上箭头的Activity，而实际上我想将该片段添加到后退栈并将抽屉切换动画为向上箭头。 - Mike T

Answer 1

我认为你所要做的就是删除第三个参数。因此：

mDrawerToggle = new ActionBarDrawerToggle(
     getActivityCompat(),              /* host Activity */
     mDrawerLayout,                    /* DrawerLayout object */
     // ((BaseActivity) getActivityCompat()).getToolbar(), <== delete this argument
     R.string.navigation_drawer_open,  /* "open drawer" description for accessibility */
     R.string.navigation_drawer_close  /* "close drawer" description for accessibility */
    );

希望它能有所帮助。

- hata

---

无法工作。我的工具栏中不再有切换图标了。 :( - Zin Win Htet

Answer 2

我曾经遇到了同样的问题。我的解决方法是:

确保你的活动实现了onBackStackChangedListener接口。在你的活动的onCreate()方法中，设置回退栈监听器并设置工具栏。

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

    mFm = getFragmentManager();
    mFm.addOnBackStackChangedListener(this);

    // Setup toolbar
    mToolbar = (Toolbar) findViewById(R.id.toolbar);
    mToolbar.setVisibility(View.VISIBLE);
    setSupportActionBar(mToolbar);

    // Setup drawer toggle
    mDrawerLayout = (DrawerLayout) findViewById(R.id.drawerlayout);
    mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, mToolbar, R.string.menu_open, R.string.menu_close);
    mDrawerLayout.setDrawerListener(mDrawerToggle);
    getSupportActionBar().setHomeButtonEnabled(true);
    mDrawerToggle.syncState();

    // Setup initial fragment
    if (savedInstanceState == null) {
        mCurrentFragment = DashboardFragment.newInstance();
        mFm.beginTransaction().add(CONTAINER_ID, mCurrentFragment).commit();
    }
}

也记得要设置：

@Override
protected void onPostCreate(Bundle savedInstanceState) {
    super.onPostCreate(savedInstanceState);
    mDrawerToggle.syncState();
}

@Override
public void onConfigurationChanged(Configuration newConfig) {
    super.onConfigurationChanged(newConfig);
    mDrawerToggle.onConfigurationChanged(newConfig);
}

现在，魔法发生在onBackStackChanged()中。将setDrawerIndicatorEnabled设置为true以用于最顶层的片段，并将setDisplayHomeAsUpEnabled设置为false以用于该片段。对于其他片段则相反。我还必须调用syncState，否则汉堡包图标将不会重新出现：

@Override
public void onBackStackChanged() {
    mDrawerToggle.setDrawerIndicatorEnabled(mFm.getBackStackEntryCount() == 0);
    getSupportActionBar().setDisplayHomeAsUpEnabled(mFm.getBackStackEntryCount() > 0);
    mDrawerToggle.syncState();
}

- hordurh

---

谢谢...它有效了..你能告诉我如何将主页按钮动画变成后退按钮吗？再次感谢 - Shashank Kumar

@ShashankKumar 我自己也遇到了这个问题。您可以手动调用mDrawerToggle.onDrawerSlide(null, [VALUE])，其中value的值在0-1之间。所以如果要执行动画，您需要像下面这样做： ValueAnimator anim = ValueAnimator.ofFloat(0, 1); anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { public void onAnimationUpdate(ValueAnimator animation) { mDrawerToggle.onDrawerSlide(null, (float)animation.getAnimatedValue()); } }); anim.setDuration(300); anim.start(); - hordurh

@ShashankKumar，这个问题在于syncState函数会重置汉堡包状态，所以你需要找到解决方案：)。 - hordurh

嗨，hordurh， 在你的代码后面尝试这个： anim.addListener(new AnimatorListenerAdapter() { @Override public void onAnimationEnd(Animator animation) { mDrawerToggle.setDrawerIndicatorEnabled(false); getSupportActionBar().setDisplayHomeAsUpEnabled(true); mDrawerToggle.syncState(); } }); anim.setDuration(300); anim.start(); - Shashank Kumar

上面的评论确实解决了动画问题...但是我无法做反向动画，即Back>Home...我尝试更改ValueAnimator.ofFloat(1, 0); 但是没有效果。 - Shashank Kumar

这个很棒，除了返回按钮实际上不会返回。我猜想我需要连接弹出该片段的线路。 - Keab42

Answer 3

@hata的回答对于大多数情况是精准的。

但实际上，使用toolbar作为ActionBarDrawerToggle(...)构造方法的参数也没有错。

当然，如果您正在使用股票Theme.AppCompat.Light根主题提供的ToolbarAppCompatActivity，那么这样做就没有意义了。 即使您希望在布局中使用自定义Toolbar，例如如果您实现了Material Design的over-toolbar-under-statusbar Navigation Drawer模式，您仍然可以调用setSupportActionBar(toolbar)并且不将工具栏传递给ActionBarDrawerToggle()，让活动处理导航图标。

但是，如果您真的想要将ActionBarDrawerToggle绑定到不是活动操作栏的Toolbar，并且可能具有不同的样式和不同的图标或其他内容-还有一种方法可用。

问题在于，当您不将工具栏作为第四个参数传递时，活动应该提供导航图标（箭头）- AppCompatActivity返回homeAsUpIndicator属性的值-它在任一标准AppCompat主题中定义。

但是，当您明确传递Toolbar时，ActionBarDrawerToggle期望工具栏实例提供导航指示器可绘制项-但它没有，因为即使您像这样将适当的样式应用于它：

<android.support.v7.widget.Toolbar
        ...
        app:theme="?actionBarTheme"
        style="@style/Widget.AppCompat.Toolbar">

由于某些原因（可能是一个bug），Widget.AppCompat.Toolbar风格没有navigationIcon属性，因此当ActionBarDrawerToggle请求导航图标时，Toolbar返回null。为了解决这个问题，您可以从该样式派生并添加该属性：

<android.support.v7.widget.Toolbar
        ...
        app:theme="?actionBarTheme"
        style="@style/MyWidget.Toolbar">
<!-- styles.xml -->
<style name="MyWidget.Toolbar" parent="Widget.AppCompat.Toolbar">
    <item name="navigationIcon">?homeAsUpIndicator</item>
</style>

现在你可以使用适用于工具栏的构造函数 ActionBarDrawerToggle(this, mDrawerLayout, mToolbar, 0, 0)，并且仍然保留导航图标。

- Ivan Bartsov

Answer 4

我使用以下布局实现了它： 我使用ActionBarDrawerToggle v7 Drawer.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.toolbar.Drawer" >

    <include
        android:id="@+id/tool1"
        layout="@layout/toolbar" />



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

        <FrameLayout
            android:id="@+id/mainContent"
            android:layout_width="match_parent"
            android:layout_height="match_parent" >
        </FrameLayout>

        <!-- Nav drawer -->

        <ListView
            android:id="@+id/drawerList"
            android:layout_width="240dp"
            android:layout_height="match_parent"
            android:layout_gravity="left"
            android:background="@android:color/white"
            android:divider="@android:color/white"
            android:dividerHeight="8dp"
            android:drawSelectorOnTop="true"
            android:headerDividersEnabled="true" />
    </android.support.v4.widget.DrawerLayout>

</RelativeLayout>

toolbar.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app1="http://schemas.android.com/apk/res/com.example.toolbar"
    android:id="@+id/my_awesome_toolbar"
    android:layout_width="fill_parent"
    android:layout_height="75dp"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:background="?attr/colorPrimary"
    android:minHeight="?attr/actionBarSize"
    app1:popupTheme="@style/ThemeOverlay.AppCompat.Light"
    app1:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" >

</android.support.v7.widget.Toolbar>

Drawer.java

包 com.example.toolbar;

import android.content.res.Configuration;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
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.Gravity;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class Drawer extends ActionBarActivity {

    ActionBarDrawerToggle mDrawerToggle;
    private String[] days;
    ArrayAdapter<String> adapter;
    private ListView mDrawerList;
    DrawerLayout mDrawerLayout;

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

        days = new String[] { "sunday", "monday", "tuesday", "wednesday",
                "thursday", "friday", "saturday" };
        adapter = new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_1, days);
        mDrawerList = (ListView) findViewById(R.id.drawerList);
        mDrawerList.setAdapter(adapter);
        mDrawerList.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> parent, View view,
                    int position, long id) {
                // TODO Auto-generated method stub

                Fragment fragment = new MyFragment();
                Bundle args = new Bundle();
                args.putString(MyFragment.ARG_PLANET_NUMBER, days[position]);
                // args.putInt(MyFragment.ARG_PLANET_NUMBER, position);
                fragment.setArguments(args);

                FragmentManager fragmentManager = getSupportFragmentManager();
                fragmentManager.beginTransaction()
                        .replace(R.id.mainContent, fragment).commit();

            }

        });

        Toolbar toolbar = (Toolbar) findViewById(R.id.tool1);

        setSupportActionBar(toolbar);
        toolbar.setTitle("ToolBar Demo");
        toolbar.setLogo(R.drawable.ic_launcher);

        mDrawerLayout = (DrawerLayout) findViewById(R.id.drawerLayout);

        mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, toolbar,
                R.string.open_navigation_drawer,
                R.string.close_navigation_drawer) {

            @Override
            public void onDrawerSlide(View drawerView, float slideOffset) {
                // TODO Auto-generated method stub
                super.onDrawerSlide(drawerView, slideOffset);
            }

            /** Called when a drawer has settled in a completely closed state. */
            @Override
            public void onDrawerClosed(View view) {
                super.onDrawerClosed(view);
                getSupportActionBar().setTitle("hello");
            }

            /** Called when a drawer has settled in a completely open state. */
            @Override
            public void onDrawerOpened(View drawerView) {
                super.onDrawerOpened(drawerView);
                getSupportActionBar().setTitle("hi");
            }
        };
        mDrawerLayout.setDrawerListener(mDrawerToggle);

        // getSupportActionBar().setDisplayHomeAsUpEnabled(true); //<---- added
        // getSupportActionBar().setHomeButtonEnabled(true); //<---- added

    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) { // <---- added
        if (mDrawerToggle.onOptionsItemSelected(item)) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }

    @Override
    protected void onPostCreate(Bundle savedInstanceState) { // <---- added
        super.onPostCreate(savedInstanceState);
        mDrawerToggle.syncState(); // important statetment for drawer to
                                    // identify
                                    // its state
    }

    @Override
    public void onConfigurationChanged(Configuration newConfig) { // <---- added
        super.onConfigurationChanged(newConfig);
        mDrawerToggle.onConfigurationChanged(newConfig);
    }

    @Override
    public void onBackPressed() {
        if (mDrawerLayout.isDrawerOpen(Gravity.START | Gravity.LEFT)) { // <----
                                                                        // added
            mDrawerLayout.closeDrawers();
            return;
        }
        super.onBackPressed();
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

}

- kunal.c

---

但是当您将新片段添加到后堆栈时，汉堡包会变成箭头吗？ - Marcel

我还没有尝试过在片段堆栈中使用它，但是当我有多个活动时，它的工作正常（汉堡变成箭头）...我认为当您添加新片段时，这将起作用。 - kunal.c

以上示例中在styles.xml中使用的父主题是什么？我尝试使用<style name="AppTheme" parent="ThemeOverlay.AppCompat.Dark.ActionBar">，但是出现了错误。 - Psypher

我没有使用ActionBar，而是使用了Toolbar <style name="AppBaseTheme" parent="@style/Theme.AppCompat.Light.NoActionBar"><item name="windowActionBar">false</item></style> - kunal.c

Answer 5

这行代码确保在点击时将汉堡图标更改为箭头。请确保您的代码中已经编写了此行代码。

mDrawerLayout.setDrawerListener(mDrawerToggle);

- isudansh