我正在尝试添加一个自定义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
设置的。
答案 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);
}