当前位置: 移动技术网 > 移动技术>移动开发>Android > Android BottomNavigationBar导航栏

Android BottomNavigationBar导航栏

2018年08月27日  | 移动技术网移动技术  | 我要评论

基本属性

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监听器

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

view源码下载地址

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网