如何将Android工具栏上用于ActionBarToggle的汉堡图标替换为自定义绘图？

Question

我使用Android 5.0中的新工具栏实现了一个基本的ActionBarDrawerToggle。

但是，我无法弄清楚如何更改提供的默认汉堡图标。从android留档中，它说“给定的活动将链接到指定的抽屉布局，工具栏的导航图标将设置为自定义抽屉...抽屉关闭时，此抽屉显示汉堡图标，抽屉打开时显示箭头。当抽屉打开时，它会在这两种状态之间进行动画处理。”

我目前有这一切与以下代码正常工作，但我想取代默认提供的汉堡包与我自己的绘图。

这是我当前的代码：

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

似乎不起作用。

这可能吗？谢谢！

操作栏切换文档-https://developer.android.com/reference/android/support/v7/app/ActionBarDrawerToggle.html

Answer 1

ActionBarDrawerToggle的默认菜单可绘制为DrawerRowDrawable。

您可以将其子类化以添加自定义功能，如徽章，如下所示：

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

Answer 2

这两行代码适用于我：

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

然后叫这个：

mDrawerToggle.syncState();

Answer 3

您可以将工具栏用作独立模式，这意味着您不应该将工具栏用作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);

并删除setSupport portActionBar（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);
                              }
                       });

希望这能有所帮助。