Android中同时实现DrawerLayout与BottomNavigationView的方法咨询

当然可以实现！你听到的“DrawerLayout仅应包含两个视图”的说法，其实是指它的核心结构要求：第一个子视图是占据整个屏幕的主内容区域，第二个子视图是侧边栏（通常是NavigationView）。但这完全不限制主内容区域内部的布局——你现有的包含BottomNavigationView和Fragment容器的ConstraintLayout，刚好可以作为DrawerLayout的主内容区域。

1. 修改布局结构（activity_main.xml） #

把原来的ConstraintLayout嵌套进DrawerLayout作为第一个子视图，然后添加NavigationView作为第二个子视图。修改后的完整代码如下：

<?xml version="1.0" encoding="utf-8"?>
<androidx.drawerlayout.widget.DrawerLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawerLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <!-- 原有的主内容区域：包含Fragment容器和底部导航 -->
    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <FrameLayout
            android:id="@+id/framelayoutFragment"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            app:layout_constraintBottom_toTopOf="@+id/bottomNavigationView"
            app:layout_constraintTop_toTopOf="parent" />

        <com.google.android.material.bottomnavigation.BottomNavigationView
            android:id="@+id/bottomNavigationView"
            android:layout_width="match_parent"
            android:layout_height="56dp"
            app:backgroundTint="@color/colorSecondaryDark"
            app:elevation="0dp"
            app:itemIconTint="@drawable/selector"
            app:itemTextColor="@drawable/selector"
            app:labelVisibilityMode="selected"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.5"
            app:layout_constraintStart_toStartOf="parent"
            app:menu="@menu/menu_bottomnavgation" />

    </androidx.constraintlayout.widget.ConstraintLayout>

    <!-- 侧边栏NavigationView -->
    <com.google.android.material.navigation.NavigationView
        android:id="@+id/navigationView"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start" <!-- 侧边栏从左侧滑出，用end则从右侧 -->
        app:headerLayout="@layout/nav_header" <!-- 自定义侧边栏头部布局，可选 -->
        app:menu="@menu/nav_drawer_menu" /> <!-- 侧边栏菜单项 -->

</androidx.drawerlayout.widget.DrawerLayout>

2. 在MainActivity中配置DrawerLayout和触发按钮 #

要让汉堡按钮（ActionBar/Toolbar的图标）能打开侧边栏，需要使用ActionBarDrawerToggle，同时处理NavigationView的菜单点击事件：

class MainActivity : AppCompatActivity() {
    private lateinit var drawerLayout: DrawerLayout
    private lateinit var navView: NavigationView

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        // 初始化视图
        drawerLayout = findViewById(R.id.drawerLayout)
        navView = findViewById(R.id.navigationView)

        // 设置Toolbar的汉堡按钮（如果你的Activity使用了Toolbar）
        val toolbar = findViewById<Toolbar>(R.id.toolbar) // 确保布局中有Toolbar
        setSupportActionBar(toolbar)
        val toggle = ActionBarDrawerToggle(
            this, drawerLayout, toolbar,
            R.string.navigation_drawer_open,
            R.string.navigation_drawer_close
        )
        drawerLayout.addDrawerListener(toggle)
        toggle.syncState()

        // 处理NavigationView的菜单点击
        navView.setNavigationItemSelectedListener { menuItem ->
            when (menuItem.itemId) {
                R.id.nav_item1 -> {
                    // 切换到对应Fragment或执行操作
                    supportFragmentManager.beginTransaction()
                        .replace(R.id.framelayoutFragment, YourFragment1())
                        .commit()
                }
                R.id.nav_item2 -> {
                    supportFragmentManager.beginTransaction()
                        .replace(R.id.framelayoutFragment, YourFragment2())
                        .commit()
                }
                // 其他菜单项处理
            }
            // 点击后关闭侧边栏
            drawerLayout.closeDrawer(GravityCompat.START)
            true
        }

        // 原有BottomNavigationView的处理逻辑保持不变
        val bottomNav = findViewById<BottomNavigationView>(R.id.bottomNavigationView)
        bottomNav.setOnItemSelectedListener { item ->
            // 你的底部导航切换逻辑
            true
        }
    }

    // 处理返回键：如果侧边栏打开，先关闭它
    override fun onBackPressed() {
        if (drawerLayout.isDrawerOpen(GravityCompat.START)) {
            drawerLayout.closeDrawer(GravityCompat.START)
        } else {
            super.onBackPressed()
        }
    }
}

关键说明 #

• DrawerLayout的核心规则是：第一个子视图必须是主内容区域（占满屏幕），后续的子视图是侧边栏（通过layout_gravity指定滑出方向）。你的ConstraintLayout刚好满足主内容区域的要求，所以完全可以嵌套在里面。
• 侧边栏的layout_gravity设为start表示从左侧滑出，设为end则从右侧滑出，根据需求调整。
• 如果你没有使用Toolbar，也可以通过自定义按钮触发侧边栏的打开/关闭，调用drawerLayout.openDrawer(GravityCompat.START)和drawerLayout.closeDrawer(GravityCompat.START)即可。

内容的提问来源于stack exchange，提问作者Meltix