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(底部导航)


相关文章:

  • 2022-12-23
  • 2023-03-20
  • 2022-12-23
  • 2022-12-23
  • 2021-12-30
  • 2022-01-13
  • 2021-09-11
猜你喜欢
  • 2021-04-08
  • 2021-06-07
  • 2021-05-27
  • 2023-03-21
  • 2021-05-01
  • 2021-09-08
相关资源
相似解决方案