Как заменить значок гамбургера, который используется для ActionBarToggle на панели инструментов Android, с пользовательским выводом?

Я реализовал базовый ActionBarDrawerToggle, используя новую панель инструментов в Android 5.0.

Однако я не могу понять, как изменить значок гамбургера по умолчанию, который поставляется. Из документации по android говорится, что "данная активность будет связана с указанным DrawerLayout, и значок навигации на панели инструментов будет установлен на пользовательский drawable... Этот drawable показывает значок гамбургера, когда ящик закрыт, и стрелка, когда ящик открыт Он оживляет между этими двумя состояниями, когда открывается ящик.

В настоящее время я все правильно работаю со следующим кодом, однако я хочу заменить поставляемый по умолчанию гамбургер на свой собственный ресурс.

Вот мой текущий код:

MainActivity.java

@InjectView(R.id.main_activity_toolbar)
Toolbar mToolbar;

@InjectView(R.id.main_activity_drawer_layout)
DrawerLayout mDrawerLayout;

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

    setSupportActionBar(mToolbar);
    mToolbar.setNavigationIcon(R.drawable.navigation);

    mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, mToolbar, R.string.drawer_open, R.string.drawer_close) {
        public void onDrawerClosed(View view) {
            super.onDrawerClosed(view);
            invalidateOptionsMenu();
        }

        public void onDrawerOpened(View drawerView) {
            super.onDrawerOpened(drawerView);
            invalidateOptionsMenu();
        }
    };

    mDrawerLayout.setDrawerListener(mDrawerToggle);
    getSupportActionBar().setDisplayHomeAsUpEnabled(true);
    getSupportActionBar().setHomeButtonEnabled(true);
}

Эта строка:

mToolbar.setNavigationIcon(R.drawable.navigation);

похоже, не работает.

Можно ли это сделать? Спасибо!

Документация ActionBarToggle - https://developer.android.com/reference/android/support/v7/app/ActionBarDrawerToggle.html

Ответы

Ответ 1

Вы можете использовать панель инструментов в режиме Stand Alone, это означает, что вы должны не использовать панель инструментов в составе конструктора ActionBarDrawerToggle, вы можете добиться этого, используя приведенный ниже код

mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, null,
                       R.drawable.appbar, R.drawable.appbar)

(Обратите внимание, что экземпляр панели инструментов не отправляется в конструктор ActionBarDrawerToggle)

Кроме того, вы должны раздувать меню вручную

mToolbar = (Toolbar) findViewById(R.id.nav_toolbar);
mToolbar.inflateMenu(R.menu.base);

И удалите setSupportActionBar (mToolbar); строка кода.

Конечно, вам придется обрабатывать навигацию одним щелчком мыши:

mToolbar.setOnMenuItemClickListener(new OnMenuItemClickListener() ...

Затем вы можете открыть свой ящик следующим образом:

drawerButton = (BadgeDrawerButton) findViewById(R.id.badge_drawer_button);
drawerButton.setOnClickListener(
                       new View.OnClickListener() {

                              @Override
                              public void onClick(View v) {
                                     mDrawerLayout.openDrawer(Gravity.LEFT);
                              }
                       });

Надеюсь, это поможет.

Ответ 2

Эти две строки кода работают для меня:

mDrawerToggle.setDrawerIndicatorEnabled(false); //disable "hamburger to arrow" drawable
mDrawerToggle.setHomeAsUpIndicator(R.drawable.ic_drawer); //set your own

И затем назовите это:

mDrawerToggle.syncState();

Ответ 3

Мое решение заключается в подклассе ActionBarDrawerToggle.

public class MyActionBarDrawerToggle extends android.support.v7.app.ActionBarDrawerToggle {

    public MyActionBarDrawerToggle(Activity activity, final DrawerLayout drawerLayout, Toolbar toolbar, int openDrawerContentDescRes, int closeDrawerContentDescRes) {
        super(activity, drawerLayout, toolbar, openDrawerContentDescRes, closeDrawerContentDescRes);

        setHomeAsUpIndicator(R.drawable.drawer_toggle);
        setDrawerIndicatorEnabled(false);

        setToolbarNavigationClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View view) {
                drawerLayout.openDrawer(Gravity.LEFT);
            }
        });
     }
}

Ответ 4

то, что сработало для меня, это то, что мне просто нужно было позвонить toolbar.setNavigationIcon(R.drawable.ic_camera_alt_24dp); в конце onCreate или, по крайней мере, после mDrawerToggle = new ActionBarDrawerToggle...

Ответ 5

Меню по умолчанию, предназначенное для ActionBarDrawerToggle, - DrawerArrowDrawable.

Вы можете подклассифицировать это, чтобы добавить пользовательские функции, такие как значки, например:

public class BadgedDrawerArrowDrawable extends DrawerArrowDrawable {

    /**
     * @param context used to get the configuration for the drawable from
     */
    public BadgedDrawerArrowDrawable(Context context) {
        super(context);

        setColor(context.getResources().getColor(R.color.colorAccent));
    }

    @Override
    public void draw(Canvas canvas) {
        super.draw(canvas);

        Paint paint = new Paint();
        paint.setStyle(Paint.Style.FILL);
        paint.setColor(Color.RED);
        paint.setTextSize(60);
        canvas.drawText("!", canvas.getWidth() - 60, 25, paint);
    }
}

Использование:

actionBarDrawerToggle.setDrawerArrowDrawable(new BadgedDrawerArrowDrawable(activity));

Ответ 6

Вот как я смог наконец заставить мою работу.

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

if (toolbar != null) {
    setSupportActionBar(toolbar);
    toolbar.setNavigationIcon(R.drawable.ic_drawer);

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

        /** Called when a drawer has settled in a completely open state. */
        public void onDrawerOpened(View drawerView) {
            super.onDrawerOpened(drawerView);
        }
    };

    // Set the drawer toggle as the DrawerListener
    mDrawerLayout.setDrawerListener(mDrawerToggle);
    mDrawerToggle.syncState();

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

Оказалось, что

mDrawerToggle.syncState();

Наконец-то все получилось.

Ответ 7

Я думаю, что рекомендуется использовать вызов syncState() в методе жизненного цикла onPostCreate(...).

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

Ответ 8

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

final DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
final ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(this,drawer,toolbar,R.string.navigation_drawer_open,R.string.navigation_drawer_close);
drawer.setDrawerListener(toggle);

toggle.syncState();
toolbar.setNavigationIcon(R.drawable.ic_action_name);

Ответ 9

Что касается библиотеки поддержки v7, вы можете создать собственное представление DrawerArrowDrawable.

mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close) {

            public void onDrawerClosed(View view) {
                supportInvalidateOptionsMenu();
            }

            public void onDrawerOpened(View drawerView) {
                supportInvalidateOptionsMenu();
            }
        };
        mDrawerToggle.setDrawerIndicatorEnabled(true);

        DrawerArrowDrawable drawerArrowDrawable = new DrawerArrowDrawable(this);
        drawerArrowDrawable.setAlpha(1);
        drawerArrowDrawable.setSpinEnabled(false);
        drawerArrowDrawable.setDirection(DrawerArrowDrawable.ARROW_DIRECTION_LEFT);
        drawerArrowDrawable.setColor(Color.BLACK);

        mDrawerToggle.setDrawerArrowDrawable(drawerArrowDrawable);

Ответ 10

по состоянию на январь 2018 года это рабочее решение (по крайней мере для меня):

    //setSupportActionBar(toolbar)

    val toggle = ActionBarDrawerToggle(this, drawer_layout, null, R.string.navigation_drawer_open, R.string.navigation_drawer_close)
    toolbar.inflateMenu(R.menu.menu_main)
    toolbar.setNavigationIcon(R.drawable.ic_menu)
    toolbar.setNavigationOnClickListener {
        drawer_layout.openDrawer(Gravity.START)
    }

    toolbar.setOnMenuItemClickListener {
        true
    }

    drawer_layout.addDrawerListener(toggle)
    toggle.syncState()

    nav_view.setNavigationItemSelectedListener(this)

вещи по уходу:

setSupportActionBar следует прокомментировать
ActionBarDrawerToggle не ссылается на toolbar
Мы должны раздувать меню самостоятельно и обрабатывать onClicks. onCreateOptionsMenu и onOptionsItemSelected не будут работать.
Не забудьте позвонить toggle.syncState()

Ответ 11

Я создал упрощенную версию ActionBarDrawerToggle, которая использует drawable из ресурсов: класс StaticActionBarDrawerToggle