Android 底部导航栏BottomNavigationView

目录

一、简介

二、基本配置

(1)添加依赖:

(2)添加布局:

(3)属性说明:

三、代码运用

(1)指定导航栏菜单

(2)代码添加导航栏菜单

(3)设置选中菜单颜色

(4)常用方法

(5)超过3个菜单项动画效果问题

四、源码地址

五、参考文档

六、内容推荐


一、简介

这是material design提供的一个标准底部导航栏的实现,可以轻松的实现导航栏菜单之间的切换与浏览。使用方式更加快捷方便,适用于拥有3-5个子菜单。

二、基本配置

(1)添加依赖:

(本人项目中使用的是较高版本的依赖)
项目中依赖:implementation 'com.android.support:design:28.0.0-rc02'
最新依赖:compile 'com.android.support:design:+'(容易出错,依赖冲突)
指定依赖:compile 'com.android.support:design:26.1.0'

(2)添加布局:

(3)属性说明:

itemBackground: 设置导航栏的背景颜色

itemIconTint: 设置导航栏中图片的颜色

itemTextColor: 设置导航栏中文字的颜色

三、代码运用

(1)指定导航栏菜单

布局设置 :

app:menu :引用菜单布局

Android 底部导航栏BottomNavigationView_第1张图片

menu_bottom_navigation_view.xml



    
      
    

效果图:

Android 底部导航栏BottomNavigationView_第2张图片

(2)代码添加导航栏菜单

无需指定菜单布局:

动态添加菜单项(Item):

Menu menu = bnvMenu.getMenu();
menu.add(0,i,i,"标题一");//设置菜单标题
MenuItem item = menu.findItem(i);
item.setIcon(R.mipmap.set);//设置菜单图片

删除最后一个菜单项(Item):

bnvMenu.getMenu().removeItem(bnvMenu.getMenu().size()-1);

效果图:

Android 底部导航栏BottomNavigationView_第3张图片

(3)设置选中菜单颜色

app:itemIconTint="@drawable/main_bottom"
app:itemTextColor="@drawable/main_bottom"

main_bottom.xml



    
    

(4)常用方法

//设置默认选中item
bottomNavigationView.getMenu().getItem(1).setChecked(true);
//设置导航栏菜单项Item选中监听
bottomNavigationView.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {
    @Override
    public boolean onNavigationItemSelected(@NonNull MenuItem item) {
        String title = item.getTitle().toString();
        switch (item.getItemId()) {
            case R.id.item_bottom_1:
                RxToast.showToastShort(activity, title);
                break;
            case R.id.item_bottom_2:
                RxToast.showToastShort(activity, title);
                break;
            case R.id.item_bottom_3:
                RxToast.showToastShort(activity, title);
                break;
        }
        return true;
    }
});

(5)超过3个菜单项动画效果问题

看了许多博客归纳后的解决方法

一、新api去除动画的方法:

//默认动画
bottomNavigationView.setLabelVisibilityMode(0);
//默认清除动画(显示文字)
bottomNavigationView.setLabelVisibilityMode(1);
或布局中添加:app:labelVisibilityMode="labeled"

二、旧api去除动画的方法

@SuppressLint("RestrictedApi")
public static void disableShiftMode(BottomNavigationView view) {
    BottomNavigationMenuView menuView = (BottomNavigationMenuView) view.getChildAt(0);
    try {
        Field shiftingMode = menuView.getClass().getDeclaredField("mShiftingMode");
        shiftingMode.setAccessible(true);
        shiftingMode.setBoolean(menuView, false);
        shiftingMode.setAccessible(false);
        for (int i = 0; i < menuView.getChildCount(); i++) {
            BottomNavigationItemView item = (BottomNavigationItemView) menuView.getChildAt(i);
            //去除动画
            item.setShiftingMode(false); //api 28之前
            item.setChecked(item.getItemData().isChecked());
        }
    } catch (NoSuchFieldException e) {
        LogUtils.e( "Unable to get shift mode field");
    } catch (IllegalAccessException e) {
        LogUtils.e( "Unable to change value of shift mode");
    }
}

四、源码地址

https://github.com/DayorNight/BLCS

五、参考文档

官方文档:https://developer.android.google.cn/reference/android/support/design/widget/BottomNavigationView

六、内容推荐

简书地址:https://www.jianshu.com/p/5993e8037d4d

上一篇《Android Log日志封装》

 

 

你可能感兴趣的:(Android)