前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android使用BottomNavigationBar实现导航栏功能

Android使用BottomNavigationBar实现导航栏功能

作者头像
砸漏
发布2020-10-30 10:51:31
9490
发布2020-10-30 10:51:31
举报
文章被收录于专栏:恩蓝脚本恩蓝脚本

基本属性

代码语言:javascript
复制
setActiveColor //选中item的字体颜色
setInActiveColor //未选中Item中的颜色
setBarBackgroundColor//背景颜色
setMode(BottomNavigationBar.MODE_FIXED) //填充模式,未选中的Item会显示文字,没有换挡动画
setMode(BottomNavigationBar.MODE_SHIFTING) //换挡模式,未选中的Item不会显示文字,选中的会显示文字
setBackgroundStyle(BottomNavigationBar.BACKGROUND_STYLE_STATIC) //点击的时候没有水波纹效果
setBackgroundStyle(BottomNavigationBar.BACKGROUND_STYLE_RIPPLE) //点击的时候有水波纹效果,也就是导航条的背景色是你设置的处于选中状态的 Item的颜色
addItem(new BottomNavigationItem(R.mipmap.ic_launcher_round, mTitles[0]) //添加一个BottomNavigationItem子项,设置图标和文字
setInactiveIcon(ContextCompat.getDrawable(this, R.mipmap.ic_launcher)) //添加选中时的变更图标
setFirstSelectedPosition(0) //默认选中下标为0的item
setBadgeItem() //添加BadgeItem标记
initialise() //绘制,要放在设置最后

setTabSelectedListener监听器

代码语言:javascript
复制
bottomNavigationBar.setTabSelectedListener(new BottomNavigationBar.OnTabSelectedListener() {
 @Override
 public void onTabSelected(int position) {
  //获得选中状态时触发,可以做fragmengt页面切换
  Toast.makeText(MainActivity.this,"当前选中"+position,Toast.LENGTH_SHORT).show();
    
 }
 @Override
 public void onTabUnselected(int position) {
  //当失去焦点不被选中的时候触发
  Toast.makeText(MainActivity.this,position+"失去了焦点",Toast.LENGTH_SHORT).show();
 }
 @Override
 public void onTabReselected(int position) {
  //触发不了,我也母鸡
 }
});

BadgeItem标记

1.五角星标记

代码语言:javascript
复制
mShapeBadgeItem = new ShapeBadgeItem()
  .setShapeColorResource(R.color.colorPrimary) //背景颜色
  .setGravity(Gravity.TOP ) //位置 默认右上
  .setAnimationDuration(200)//动画时长
  .setHideOnSelect(false)//true当选中状态时消失,非选中状态再次显示
  .show();
hide() //隐藏

2.文本标记

代码语言:javascript
复制
mTextBadgeItem = new TextBadgeItem()
  .setBorderWidth(4)//文本大小
  .setGravity(Gravity.TOP )//位置 默认右上
  .setBackgroundColorResource(R.color.colorAccent)//背景颜色
  .setAnimationDuration(200)//动画时间
  .setText("3")
  .setHideOnSelect(false)//true当选中状态时消失,非选中状态再次显示
  .show();

官方all.gif

view源码下载地址

总结

以上所述是小编给大家介绍的Android BottomNavigationBar导航栏功能的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对ZaLou.Cn网站的支持!

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-09-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档