BottomNavigationView 使用

添加依赖:

    compile 'com.android.support:appcompat-v7:26.+'
    compile 'com.android.support:design:26.+'

注意: support:design的版本要和support:appcompat的版本一致。否则编译不通过。

代码中使用

layout布局:


    
menu布局


    
    
    
    

默认效果
BottomNavigationView 使用_第1张图片
out.gif

为图标和字体换颜色

        app:itemIconTint="@color/life_white"
        app:itemTextColor="@color/life_white"

只能设置color不能设置drawable

  1. 在res目录下创建color资源文件夹
  2. 创建selector文件material_bottom_navigation


    
    
    
  1. 替换
        app:itemIconTint="@color/material_bottom_navigation"
        app:itemTextColor="@color/material_bottom_navigation"

问题

  • 当item = 3个时,没有动画,大于3个 会出现上面的动画效果。
  • 扩展性差

推荐文章:
https://juejin.im/post/59f924b0f265da431f4a60c3
https://www.jianshu.com/p/aa499cc64f72
https://material.io/develop/android/components/bottom-navigation-view/

目前市面上有比较不错的三方:
https://github.com/aurelhubert/ahbottomnavigation
https://github.com/chaychan/BottomBarLayout

你可能感兴趣的:(BottomNavigationView 使用)