在底部导航视图的菜单项上显示徽章计数?

Question

作为标题，我想在底部导航视图的菜单项上显示徽章计数。我已经搜索了几种方法，但没有人为我工作。

请给我一个解决这个问题的方向。我将不胜感激任何帮助。

Answer 1

BottomNavigationView是一个FrameLayout。将文本视图放入底部导航视图以进行计数：

<android.support.design.widget.BottomNavigationView android:id="@id/bottomMenu" style="@style/bottomMenu">
<TextView android:id="@id/bottomMenuSelectionsNumber" style="@style/bottomMenuSelectionsNumber"/>
</android.support.design.widget.BottomNavigationView>

并像这样设置它们的样式：

<style name="bottomMenu">
<item name="android:layout_width">match_parent</item>
<item name="android:layout_height">@dimen/toolbarHeight</item>
<item name="android:layout_gravity">center|bottom</item>
<item name="android:background">@color/colorThird</item>
<item name="itemBackground">@drawable/tabs_ripple</item>
<item name="itemIconTint">@drawable/bottom_menu_item_color</item>
<item name="itemTextColor">@drawable/bottom_menu_item_color</item>
<item name="menu">@menu/bottom_menu</item>
</style>
<style name="bottomMenuSelectionsNumber">
<item name="android:text">@string/bottomMenuSelectionsNumber</item>
<item name="android:textSize">@dimen/appSecondFontSize</item>
<item name="android:textColor">@color/white</item>
<item name="android:layout_width">@dimen/bottomMenuSelectionsNumberDim</item>
<item name="android:layout_height">@dimen/bottomMenuSelectionsNumberDim</item>
<item name="android:layout_gravity">right|bottom</item>
<item name="android:layout_marginRight">@dimen/bottomMenuSelectionsNumberMarginR</item>
<item name="android:layout_marginBottom">@dimen/bottomMenuSelectionsNumberMarginB</item>
<item name="android:gravity">center</item>
<item name="android:includeFontPadding">false</item>
<item name="android:background">@drawable/bottom_menu_selections_number_bg</item>
</style>

bottom_menu_selections_number_bg：

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval">
<solid android:color="@color/colorAccent"/>
<corners android:radius="@dimen/cornerRadius"/>
</shape>

Answer 2

使用底部导航视图时。 它很难包含徽章。Bu 有简单的方法可以做到这一点。 您可以使用此库：AHBottomNavigation。

它是底部导航的高级版本。代码将如下所示。

bottomNavigation.setNotification(notification,bottomNavigation.getItemsCount() - 1);

Answer 3

创建示例项目并在 GITHub 中共享，希望这有帮助

https://github.com/chandrahasan/BadgeView-Android/

badgeIcon = (View) findViewById(R.id.badgeIcon);
initBadge(this);
private void initBadge(Context paramContext) {
this.badgeCount = new BadgeView(paramContext);
this.badgeCount.setTargetView(this.badgeIcon);
this.badgeCount.setBadgeCount(count);
this.badgeCount.setBadgeMargin(9);
}