为了账号安全,请及时绑定邮箱和手机立即绑定

Android BottomNavigationBar导航栏

标签:
Android

基本属性

复制代码

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的itemsetBadgeItem() //添加BadgeItem标记initialise() //绘制,要放在设置最后

复制代码

 

setTabSelectedListener监听器

复制代码

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.五角星标记

复制代码

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

hide() //隐藏

复制代码

2.文本标记

复制代码

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

复制代码

官方all.gif

https://img1.sycdn.imooc.com//5b8c22190001b3fa00420052.jpg

view源码下载地址

原文出处:https://www.cnblogs.com/94xiyang/p/9529547.html

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消