BottomNavigationView +ViewPager2 搭建项目框架

布局文件

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <data>
    </data>
    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <androidx.viewpager2.widget.ViewPager2
            android:id="@+id/vp2_main"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            app:layout_constraintBottom_toTopOf="@id/bnv_main"
            app:layout_constraintTop_toTopOf="parent"/>
        <com.google.android.material.bottomnavigation.BottomNavigationView
            android:id="@+id/bnv_main"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:labelVisibilityMode="labeled"
            android:elevation="0dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/vp2_main"
            app:menu="@menu/bottom_nav_menu" />
    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

MainActiviy

class MainActivity : BaseActivity<ActivityMainBinding>() {

    override fun getLayoutRes(): Int = R.layout.activity_main

    // 项目Fragment 集合
    private val fragments = mapOf<Int,Fragment>(
        INDEX_HOME to HomeFragment(),
        INDEX_COURSE to CourseFragment(),
        INDEX_STUDY to StudyFragment(),
        INDEX_MINE to MineFragment(),
    )

    override fun initView() {
        super.initView()

        mBinding.apply {
            vp2Main.adapter = MainViewPagerAdapter(this@MainActivity,fragments)

            BnvVp2Mediator(bnvMain,vp2Main){bnv,vp2 ->
                vp2.isUserInputEnabled = false // 设置是否响应用户滑动
            }.attach()
        }
    }

    companion object{
        const val INDEX_HOME = 0
        const val INDEX_COURSE = 1
        const val INDEX_STUDY = 2
        const val INDEX_MINE = 3
    }
}
/**
 * ViewPager 的适配类
 */
class MainViewPagerAdapter(framentActivity: MainActivity, val fragments: Map<Int, Fragment>) :
     FragmentStateAdapter(framentActivity){
    override fun getItemCount(): Int = fragments.size

    override fun createFragment(position: Int): Fragment = fragments[position] ?: error("请确保fragments数据源和 viewpager2的index匹配设置")
}

辅助类

BnvVp2Mediator 用于 ViewPager2 和 BottomNavigationView 之间进行绑定关联，以后可以在任何项目中一句代码进行两者之间的绑定。

class BnvVp2Mediator(
    private val bnv: BottomNavigationView,
    private val vp2: ViewPager2,
    private val config: ((BottomNavigationView,ViewPager2) -> Unit)? = null
) {

    // BottomNavigationView item 与 id 的对应关系
    private val map = mutableMapOf<MenuItem,Int>()

    init {
        bnv.menu.forEachIndexed { index, item ->
            map.put(item, index)
        }
    }

    /**
     * 绑定
     */
    fun attach(){
        config?.invoke(bnv,vp2)
        // viewpager 页面滑动监听: 动态绑定 BottomNavigationView 的selectedItemId 属性
        vp2.registerOnPageChangeCallback(object : ViewPager2.OnPageChangeCallback() {
            override fun onPageSelected(position: Int) {
                super.onPageSelected(position)

                // 绑定 position 位置的 BottomNavigationView 菜单Id
                bnv.selectedItemId = bnv.menu.getItem(position).itemId
            }
        })
        // BottomNavigationView 的菜单点击事件 动态改变 viewpager 切换的页面
        bnv.setOnNavigationItemSelectedListener { item ->
            vp2.currentItem = map[item] ?: error("Bnv 的 item 的 ID ${item.itemId} 没有对应的 viewpager2 的元素")
            true
        }
    }
}