BottomNavigationView从入门到强行改造,取消位移动画？和ViewPager绑定？添加Badge？

最新推荐文章于 2025-07-15 15:05:24 发布

宇不语

最新推荐文章于 2025-07-15 15:05:24 发布

阅读量2w

点赞数 5

CC 4.0 BY-SA版权

分类专栏： android开发文章标签： BottomNavi gationView ViewPager Badge 取消动画

本文链接：https://blog.youkuaiyun.com/qq_35064774/article/details/54177702

本文详细介绍了如何使用和改造BottomNavigationView，包括取消位移动画、与ViewPager结合使用以及添加Badge功能。通过分析源码，展示了改造过程和关键代码，提供了实现这些需求的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如有转载，请申明：
转载至 http://blog.youkuaiyun.com/qq_35064774/article/details/54177702

前言

BottomNavigationView 这个官方控件出了几个月了，也有一些介绍该控件的文章，但我发现大部分博文只是做了简单的用法介绍，并未解决一些需求，比如：取消位移动画、和ViewPager一起使用、加入Badge。所以我又写了这么一篇博客。

考虑到一些人可能没时间看到最后，我把改造的库地址放在最前面 BottomNavigationViewEx。

基本用法

1. 添加依赖

compile 'com.android.support:design:25.1.0'

这里添加的是 25.1.0，因为 25.0.0 版本有一个小bug，就是设置点击监听事件的返回值不起作用。

2. 在 xml 中使用库

<android.support.design.widget.BottomNavigationView
    android:id="@+id/bnve"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:background="@color/colorPrimary"
    app:itemIconTint="@color/selector_item_color"
    app:itemTextColor="@color/selector_item_color"
    app:menu="@menu/menu_navigation_with_view_pager" />

background : 控件背景
app:itemBackground : 子菜单背景
app:itemIconTint : 图标颜色
app:itemTextColor : 文本颜色
app:menu : 菜单

这里我把背景设置成主色调 colorPrimary，图标和文本设置为一样的颜色 selector_item_color，具体内容如下:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="#fff" android:state_checked="true"/>
    <item android:color="#fff" android:state_pressed="true"/>
    <item android:color="#bbb"/>
</selector>

也就是选中的时候是白色，默认为灰色。

最后是菜单 menu_navigation_with_view_pager ，和普通菜单一样。

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/menu_music"
        android:checked="true"
        android:icon="@drawable/ic_audiotrack_black_24dp"
        android:title="@string/music" />
    <item
        android:id="@+id/menu_backup"
        android:icon="@drawable/ic_backup_black_24dp"
        android:title="@string/backup" />
    <item
        android:id="@+id/menu_friends"
        android:icon="@drawable/ic_camera_black_24dp"
        android:title="@string/friends" />