BottomNavigationView底部导航栏、添加数量角标提醒__bottomnavigationview 自定义图标

先来看下实现的效果图：

BottomNavigationView底部导航栏、添加数量角标提醒_ci

代码也是很简单的

BottomNavigationMenuView中的每一个Tab就是一个FrameLayout，所以我们可以在上面随意添加View、这样也就可以实现我们的角标了。

//获取整个的NavigationView
BottomNavigationMenuView menuView = (BottomNavigationMenuView) navigationView.getChildAt(0);

//这里就是获取所添加的每一个Tab(或者叫menu)，
View tab = menuView.getChildAt(3);
BottomNavigationItemView itemView = (BottomNavigationItemView) tab;

//加载我们的角标View，新创建的一个布局
View badge = LayoutInflater.from(this).inflate(R.layout.menu_badge, menuView, false);

//添加到Tab上
itemView.addView(badge);

menu_badge.xml file:

这里这个布局的大小，其实也就是每一个Tab的大小了。把显示数量的TextView水平居中，这样也就刚好在Tab的中间了(剩下就看你自己想怎么放了….)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:id="@+id/tv_msg_count"
        android:layout_width="15dp"
        android:layout_height="15dp"
        android:layout_gravity="center"
        android:layout_marginLeft="@dimen/dp_10"
        android:layout_marginTop="@dimen/dp_3"
        android:background="@drawable/bg_red_circle_10"
        android:gravity="center"
        android:textColor="@color/white"
        android:textSize="@dimen/sp_12"
        android:visibility="gone" />

</LinearLayout>

设置角标的数量

TextView count = (TextView) badge.findViewById(R.id.tv_msg_count);
count.setText(String.valueOf(1));

//如果没有消息，不需要显示的时候那只需要将它隐藏即可
count.setVisibility(View.GONE);

推荐文章

叛逆的山楂 · 材料与能源学院郭洪教授团队研发新型固态锂电池-云南大学新闻网

4 月前

风度翩翩的山寨机 · 通过实验体验ERP系统的功能：掌握在管理系统中设置用户、建立企业账套和设置用户权限、账套的输出和引入的方法；掌握在企业应用平台中设置系统启用、建立各项基础档案、进行数据权限设置及单据设置的方法；掌握总

5 月前

俊逸的消防车 · 舆论引导重在打通“两个舆论场”--理论-人民网

5 月前

从容的路灯 · 原来我很爱� - 搜狗图片搜索

1 年前

独立的台灯 · 北月殇晨和谁是cp_北月殇晨的老婆_北月殇晨怎么复活的 - 抖音

1 年前