首页BottomNavigationView +Fragment 实现首页导航
xml文件中 基本就是这么个情况
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/mBottomBar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#fff"
app:itemBackground="#fff"
app:itemIconTint="@null"
app:itemTextColor="@drawable/main_tab_text_color_change"
app:labelVisibilityMode="labeled"
app:menu="@menu/menu_bottom" />
去掉切换按钮点击的水波纹效果 吧 app:itemBackground=" " 和背景颜色一致就没有了。
在 menu/menu_bottom 中
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@+id/mHomeBar"
android:icon="@drawable/main_tab_home_change"
android:title="@string/main_tab_home" />
<item
android:id="@+id/mAdoptBar"
android:icon="@drawable/main_tab_adopt_change"
android:title="@string/main_tab_adopt" />
<item
android:id="@+id/mShopCartBar"
android:icon="@drawable/main_tab_shopcart_change"
android:title="@string/main_tab_shopcart" />
<item
android:id="@+id/mMyBar"
android:icon="@drawable/main_tab_my_change"
android:title="@string/main_tab_my" />
</menu>
取消点击时缩放最简单的方法,在 res/dimens 中添加
<!-- 防止 首页底部 Tab 切换时文字一大一小-->
<dimen name="design_bottom_navigation_active_text_size">12sp</dimen>
<dimen name="design_bottom_navigation_text_size">12sp</dimen>
在 MainActivity中如果和 ViewPager结合使用 那就结合使用呗
如果 需要单纯点击按钮切换Fragment, 就可以写一个changeFragment的方法
private void changeFragment(Fragment fragment) {
if (fragment != currentFragment) {
FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
if (fragment.isAdded()) {
transaction.hide(currentFragment)
.show(fragment)
.commit();
} else {
transaction.hide(currentFragment)
.add(R.id.mContainer, fragment)
.commit();
}
currentFragment = fragment;
}
}
如果需要做拦截BottomItem 的点击事件,
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
switch (item.getItemId()) {
case R.id.mHomeBar:
changeFragment(homeFragment);
return true;
case R.id.mAdoptBar:
if (true) {
Toast.makeText(this, "假设判断登录", Toast.LENGTH_SHORT).show();
return false;
} else {
changeFragment(adoptFragment);
return true;
}
case R.id.mShopCartBar:
changeFragment(cartFragment);
return true;
case R.id.mMyBar:
changeFragment(myFragment);
return true;
}
return false;
}
这样基本可以满足常见的首页底部导航需求。