在BottomNavigationView的MenuItem上显示徽章计数？

Question

作为标题，我想在BottomNavigationView的MenuItem上显示徽章数。我搜索了几种方法，但没有人为我工作。

请给我一个方向来解决这个问题。我会感谢任何帮助。

Answer 1

使用底部导航视图时。它的难题包括徽章。有很容易的方法来做到这一点。 您可以使用这个库：AHBottomNavigation。

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

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

Answer 2

创建示例项目在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); 
} 

Answer 3

BottomNavigationView是的FrameLayout。把的TextView的BottomNavigationView内计数：

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