Android-UI控件:底部导航栏 BottomNavigationBar

XML布局文件:

BottomNavigationBar初始化:

 bottomNavigationBar
                .setMode(MODE_FIXED) // 设置mode
                .setBackgroundStyle(BACKGROUND_STYLE_RIPPLE)  // 背景样式
                .setBarBackgroundColor("#2FA8E1") // 背景颜色
                .setInActiveColor("#929292") // 未选中状态颜色
                .setActiveColor("#ffffff") // 选中状态颜色
                .addItem(new BottomNavigationItem(R.drawable.message,"消息").setInactiveIconResource(R.drawable.message_no)) // 添加Item
                .addItem(new BottomNavigationItem(R.drawable.kaoqing,"考勤").setInactiveIconResource(R.drawable.kaoqing_no))
                .addItem(new BottomNavigationItem(R.drawable.job,"工作").setInactiveIconResource(R.drawable.job_no))
                .addItem(new BottomNavigationItem(R.drawable.user,"我的").setInactiveIconResource(R.drawable.user_no))
                .setFirstSelectedPosition(0) //设置默认选中位置
                .initialise()  // 提交初始化(完成配置)

添加监听:
 

// BottomNavigationBar.OnTabSelectedListener()是一个接口
bottomNavigationBar.setTabSelectedListener(new BottomNavigationBar.OnTabSelectedListener() {//这里也可以使用SimpleOnTabSelectedListener
         @Override
         public void onTabSelected(int position) {//未选中 -> 选中
         }
 
         @Override
         public void onTabUnselected(int position) {//选中 -> 未选中
         }
 
         @Override
         public void onTabReselected(int position) {//选中 -> 选中
         }
     });

添加badgeItem: 


    private void initBottomBar() {
        /**
         * 导航基础设置 包括按钮选中效果 导航栏背景色等
         */
        bottomNavigationBar.setTabSelectedListener(this)
                .setMode(BottomNavigationBar.MODE_FIXED)
                .setBackgroundStyle(BottomNavigationBar.BACKGROUND_STYLE_STATIC)
                .setActiveColor("#ffffff")//选中颜色
                .setInActiveColor("#2B2B2B")//未选中颜色
                .setBarBackgroundColor("#EDC18E");//导航栏背景色
        badgeItem = new TextBadgeItem()
                .setBorderWidth(2)//Badge的Border(边界)宽度
                .setBorderColor(Color.BLUE)//Badge的Border颜色
                .setBackgroundColor(Color.RED)
                .setTextColor(Color.BLACK)//文本颜色
                .setGravity(Gravity.RIGHT| Gravity.TOP)//位置,默认右上角
                .setAnimationDuration(2000)
                .setHideOnSelect(true)//当选中状态时消失,非选中状态显示
                .setText("99");
 
         /**
         *添加导航按钮
         */
        bottomNavigationBar.addItem(new BottomNavigationItem(R.mipmap.home,"首页"))
                .addItem(new BottomNavigationItem(R.mipmap.setting,"设置"))
                .addItem(new BottomNavigationItem(R.mipmap.menu,"菜单").setInActiveColor("#ffff00"))
                .addItem(new BottomNavigationItem(R.mipmap.person,"个人").setBadgeItem(badgeItem))     //添加小红点数据  把实例化的badgeItem设置进去
                .initialise();//initialise 一定要放在 所有设置的最后一项

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值