美文网首页
BottomNavigationView +Fragment 构

BottomNavigationView +Fragment 构

作者: 老北瓜 | 来源:发表于2020-03-10 15:42 被阅读0次

首页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;
    }

这样基本可以满足常见的首页底部导航需求。

相关文章

网友评论

      本文标题:BottomNavigationView +Fragment 构

      本文链接:https://www.haomeiwen.com/subject/hlyudhtx.html