Actionbar自定义drawable menuIcon不居中

时间:2017-07-05 13:25:01

标签: android android-drawable

我正在尝试添加一个自定义Drawable,它将Drawable扩展到我的actionBar。这需要是一个自定义绘图,因为我想绘制一个提供的图标(但这不是问题)。

我已经在我的活动中将图标添加到菜单中,如下所示:

BadgedIconDrawable drawable = new BadgedIconDrawable(getContext())
    .setIcon(icon);
mMenu.add(0, menuItemId, 0, "")
    .setIcon(drawable)
    .setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS);

BadgedIconDrawable我为Icon绘制了一个位图,然后我在画布上绘制:

@Override
public void draw(@NonNull Canvas canvas) {
    canvas.drawBitmap(mIcon.getBitmap(), null, new Rect(0, 0, mWidth, mHeight), mIconPaint);
}

宽度和高度均为24dp,这似乎是图标的正确尺寸。

问题在于,与传递给setIcon的{​​{1}}的常规drawable不同,它似乎没有正确对齐。我找不到如何让它与中心对齐。下图说明了这个问题。中间的图标是通过mMenu设置的。

Incorrectly aligned toolbar icon

1 个答案:

答案 0 :(得分:0)

修改

虽然下面的代码段有效,但我很快发现这只适用于工具栏。在常规ImageView中使用时不再存在。所以诀窍是使用Rect作为应该绘制位图的位置。这将具有常规边界,但是当它应该被翻译时,通过修改Rect来告诉自定义Drawable这样做:

// On the fragment/activity create the Drawable, translate it and add to the menu.

public void addBadgedActionBarButton(Drawable icon, int color, String badgeLabel, int menuItemId) {
    if (mMenu == null) {
        throw new IllegalStateException("mMenu = null, Are you sure you are calling addActionBarButton from initMenu()?");
    } else {
        BadgedIconDrawable drawable = new BadgedIconDrawable(getContext());
        drawable.translate(-drawable.getWidth() / 2, -drawable.getHeight() / 2, drawable.getWidth() / 2, drawable.getHeight() / 2)
                .setIcon(icon);

        mMenu.add(Menu.NONE, menuItemId, Menu.NONE, "")
                .setIcon(drawable)
                .setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS);
    }
}

// In the BadgedIconDrawable have a function that sets the mDstRect to the translated Rect.

public BadgedIconDrawable translate(int left, int top, int right, int bottom) {
    mDstRect = new Rect(left, top, right, bottom);
    return this;
}

// In the BadgedIconDrawable draw function use the mDstRect to draw on the correct position.

@Override
public void draw(@NonNull Canvas canvas) {
    canvas.drawBitmap(mIcon.getBitmap(), null, mDstRect, mIconPaint);
}

通过一些疯狂的猜测,我设法尝试添加一个负顶部和左部,这似乎将它放在正确的位置。这似乎可以解决问题。

@Override
public void draw(@NonNull Canvas canvas) {
    int halfWidth = mWidth / 2;
    int halfHeight = mHeight / 2;
    canvas.drawBitmap(mIcon.getBitmap(), null, new Rect(-halfWidth, -halfHeight, halfWidth, halfHeight), mIconPaint);
}