如何在MainActivity的膨胀视图中显示App Bar与导航抽屉？

嘿，我来帮你搞定这个问题！要在MainActivity里切换不同视图同时保留App Bar和导航抽屉，核心思路就是把App Bar、导航抽屉做成固定的基础框架，然后把不同的内容视图动态替换到框架的内容容器里就行。下面是具体的实现方案：

首先你的activity_main.xml要以DrawerLayout为根布局，嵌套App Bar、导航抽屉和一个内容容器（用来放动态切换的视图）。示例结构如下：

<?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"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <!-- 主内容区域 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <!-- 引入你自定义的App Bar -->
        <include
            layout="@layout/app_bar_main"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

        <!-- 动态内容容器：用来替换不同视图 -->
        <FrameLayout
            android:id="@+id/content_container"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </LinearLayout>

    <!-- 引入你自定义的导航抽屉 -->
    <com.google.android.material.navigation.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:menu="@menu/nav" /> <!-- 这里绑定你的nav.xml菜单 -->

</androidx.drawerlayout.widget.DrawerLayout>

创建content_view1.xml和content_view2.xml，这两个布局只需要专注于自身的业务UI，不用包含App Bar或导航抽屉——因为框架已经帮你固定了这些元素。

在MainActivity里，我们需要初始化框架组件，然后通过导航抽屉的点击事件来动态替换内容容器里的视图：

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

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

        // 初始化App Bar和抽屉开关
        drawerLayout = findViewById(R.id.drawer_layout)
        val toolbar = findViewById<Toolbar>(R.id.toolbar)
        setSupportActionBar(toolbar)
        
        val toggle = ActionBarDrawerToggle(
            this, drawerLayout, toolbar,
            R.string.navigation_drawer_open, R.string.navigation_drawer_close
        )
        drawerLayout.addDrawerListener(toggle)
        toggle.syncState()

        // 处理导航抽屉的菜单点击
        val navView = findViewById<NavigationView>(R.id.nav_view)
        navView.setNavigationItemSelectedListener { menuItem ->
            when (menuItem.itemId) {
                // 对应你nav.xml里的菜单id，切换不同视图
                R.id.nav_view1 -> loadContentView(R.layout.content_view1)
                R.id.nav_view2 -> loadContentView(R.layout.content_view2)
            }
            // 点击后关闭抽屉
            drawerLayout.closeDrawer(GravityCompat.START)
            true
        }

        // 页面首次加载默认显示第一个视图
        if (savedInstanceState == null) {
            loadContentView(R.layout.content_view1)
            navView.setCheckedItem(R.id.nav_view1)
        }
    }

    // 封装加载内容视图的方法
    private fun loadContentView(layoutResId: Int) {
        val contentContainer = findViewById<FrameLayout>(R.id.content_container)
        // 先清空旧视图，再加载新视图
        contentContainer.removeAllViews()
        LayoutInflater.from(this).inflate(layoutResId, contentContainer, true)
    }

    // 处理返回键：如果抽屉打开则先关闭抽屉
    override fun onBackPressed() {
        if (drawerLayout.isDrawerOpen(GravityCompat.START)) {
            drawerLayout.closeDrawer(GravityCompat.START)
        } else {
            super.onBackPressed()
        }
    }
}

如果你的两个视图逻辑比较复杂，推荐用Fragment代替直接加载布局文件，这样可以把每个视图的逻辑封装在独立的Fragment里，代码更清晰：

// 替换成加载Fragment的方法
private fun loadFragment(fragment: Fragment) {
    supportFragmentManager.beginTransaction()
        .replace(R.id.content_container, fragment)
        .commit()
}

之后切换视图时只需调用loadFragment(View1Fragment())或loadFragment(View2Fragment())即可。

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