BottomNavigationView(底部导航)

BottomNavigationView(底部导航)


BottomNavigationView 很早之前就在 Material Design 中出现了,但是直到 Android Support Library 25 中才增加了 BottomNavigationView 控件。也就是说如果使用官方的BottomNavigationView控件必须让targetSdkVersion >= 25,这样才能引入25版本以上的兼容包。

接下来我们来看看如何使用BottomNavigationView。

使用BottomNavigationView 需要添加design兼容包的依赖。

BottomNavigationView(底部导航)

在 res/menu/ 目录下创建一个 xml 文件(没有该目录则手动创建一个),我将其命名为 navigation.xml,里面使用的图片资源都是系统自带的。这个文件是用来定义导航条目具体的信息。

BottomNavigationView(底部导航)

每个item表示底部导航的一个条目,icon是图标,title是文字。
然后修改Activity布局

BottomNavigationView(底部导航)

BottomNavigationView有几个特殊的属性,

  • itemtBackground 条目背景

  • itemIcoTint 图标渲染的颜色

  • itemtTextColor 文字的颜色

  • menu 关联上面创建的菜单

最后修改BottomNavigationViewActivity代码

BottomNavigationView(底部导航)

注意事项

  • 底部导航栏默认高度是56dp

  • 菜单建议是3-5个

运行结果:

BottomNavigationView(底部导航)