AndroidStudio使用BottomNavigationView实现底部tabs(一)

一、在androidStudio中实现tabs比较简单，新建项目就可以选择tabs模板进行创建，默认实现tabs功能：

直接运行项目就可以看到效果：

可以说非常简单，但是我们在实际开发中默认的效果往往无法满足我们的需求，那么就需要根据自己的需求进行完善优化。

比如我们需要有五个tab，比如需要tab不仅可以点击，还可以滑动切换等等。

二、首先扩充tab至5个，只需要修改res/menu/navigation.xml 这个文件，新增两个配置即可：

同时需要在Strings.xml里添加tabtitle配置：


TabsDem
Home
Dashboard
Notifications
tab4
tab5



还需要修改MainActivity里的方法：

private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener
= new BottomNavigationView.OnNavigationItemSelectedListener() {
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
switch (item.getItemId()) {
case R.id.navigation_home:
mTextMessage.setText(R.string.title_home);
return true;
case R.id.navigation_dashboard:
mTextMessage.setText(R.string.title_dashboard);
return true;
case R.id.navigation_notifications:
mTextMessage.setText(R.string.title_notifications);
return true;
case R.id.navigation_tab4:
mTextMessage.setText(R.string.title_tab4);
return true;
case R.id.navigation_tab5:
mTextMessage.setText(R.string.title_tab5);
return true;
}
return false;
}
};

此时运行项目会看到已经添加成功：

此时会发现，不管点击哪个tab，只有当前tab的text会显示，其他tab只显示图标，这显然是有问题的，这是因为BottomNavigationView 默认是三个tab的，如果超过三个，就会出现当前问题。

据说在API28之前是需要使用反射机制解决的，28及之后 加一个配置即可 app:labelVisibilityMode="labeled"：

由于我们使用的API28编译，所以运行效果正常，此时我们吧编译环境改为27，再次运行会发现报错：

说的是没有找到 labelVisibilityMode 这个属性，因为现在是API27编译，此时还没有这个属性，那么之后就需要使用反射机制来解决。

这里的问题出在 BottomNavigationMenuView 的 mShiftingMode 上，可以查看源码：

当tab大于3时，会将ShiftingMode设置为true，那么我们现在就需要将所有tab的ShiftingMode这是为false即可：这里新建一个类，这里注意当api大于等于28就不需要以下处理：

public class BottomNavigationViewHelper {
@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 BottomNavigationItemView item = (BottomNavigationItemView) menuView.getChildAt(i);
item.setShiftingMode(false); //设置每一个tab为fales
item.setChecked(item.getItemData().isChecked());
}
} catch (NoSuchFieldException e) {
Log.e("BNVHelper", "Unable to get shift mode field", e);
} catch (IllegalAccessException e) {
Log.e("BNVHelper", "Unable to change value of shift mode", e);
}
}
}

在MainActivity的onCreate最后一行添加： BottomNavigationViewHelper.disableShiftMode(navigation); 如：

此时运行项目，会发现tab已经都可以正常显示了：

三、那么能不能加到6个呢，尝试之后发现会报错：

Caused by: java.lang.IllegalArgumentException: Maximum number of items supported by BottomNavigationView is 5. Limit can be checked with BottomNavigationView#getMaxItemCount()
at android.support.design.internal.BottomNavigationMenu.addInternal(BottomNavigationMenu.java:45)
……………………………………

为什么呢？进入 BottomNavigationView 源码看一下，会发现源码里有这么一句：

直接返回最大item数量为5个，已经在代码里固定了，所以以上错误会显示最大数量为5 的错误。

实例代码：https://download.csdn.net/download/ssdate/11040915