web-dev-qa-db-ja.com

Androidツールバーをサポート+ ActionBarDrawerToggleが矢印に変更されない

ツールバーと引き出しに苦労しています。新しいフラグメントをバックスタックに追加するときにバーガーを矢印に切り替えようとしていますが、それを行う方法はありません。

たぶん何かが足りないのに、方法が見つからなかった。誰も同じ問題を抱えていましたか？

これは宣言です：

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();
}
androidnavigation-drawertoolbardrawertoggle
20
Marcel

あなたがしなければならないのは、3番目の引数を削除することだけだと思います。したがって：

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

助けてください。

31
hata

同じ問題がありました。私の解決策はこれでした：

アクティビティが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();
}
12
hordurh

@hataの答えは、ほとんどの場合に当てはまります。

しかし、実際には、ツールバーをActionBarDrawerToggle(...)コンストラクターの引数として使用するのは間違っていませんでした。

もちろん、ストックToolbarAppCompatActivityを使用している場合、ストック_Theme.AppCompat.Light_のルートテーマを使用して提供している場合、それを行う意味はありません。レイアウトにカスタムToolbarが必要な場合でも、たとえばMaterial Designのツールバー上にステータスバーの下にあるナビゲーション引き出しパターンを実装している場合は、setSupportActionBar(toolbar)を呼び出すことができ、ツールバーにActionBarDrawerToggle()を渡さずにアクティビティにナビゲーションを処理させることができます。アイコン。

ただし、ActionBarDrawerToggleをToolbarに本当にバインドしたい場合は、アクティビティのアクションバーではなく、スタイルやアイコンなどが異なる可能性があります。まだ方法があります。

問題は、ツールバーを4番目のパラメーターとして渡さない場合、アクティビティはナビゲーションアイコン（矢印）を提供することになっていることです-AppCompatActivityはhomeAsUpIndicator属性の値を返します-標準のAppCompatテーマのいずれかで定義されています。

ただし、Toolbarを明示的に渡すと、ActionBarDrawerToggleは、ツールバーインスタンスがナビゲーションインジケータドロウアブルを提供することを期待しますが、適切なスタイルを次のように適用した場合でもそうではありません。

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

何らかの理由で（おそらくバグであっても）、_Widget.AppCompat.Toolbar_スタイルにはnavigationIcon属性がないため、Toolbarはnullが要求されたときにActionBarDrawerToggleを返しますナビゲーションアイコン。そのため、これに対処するには、単にスタイルから派生して属性を追加します。

_<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)を使用し、ナビゲーションアイコンを配置したままにすることができます。

2
Ivan Bartsov

私は次のレイアウトを使用してそれを達成しました：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;
    }

}
2
kunal.c

この行により、ハンバーガーのアイコンがクリック時に矢印に変更されます。これがコードに記述されていることを確認してください。

mDrawerLayout.setDrawerListener(mDrawerToggle);
1
isudansh