如何在Navigation Drawer Layout中点击导航项加载布局至主布局？

嘿，我懂你现在的需求——点击Navigation Drawer里的选项，把不同的布局加载到主界面区域，而不是把整个DrawerLayout都换掉对吧？你原来用setContentView()的方式会直接替换整个Activity的布局，连DrawerLayout都会被覆盖掉，这肯定不是你想要的效果。下面给你两种靠谱的实现方式，按需选择：

方案一：使用Fragment（官方推荐） #

这是Android官方最推荐的模块化UI实现方式，不管是页面切换还是生命周期管理都更顺手，后续扩展也方便。

步骤1：在主布局中添加Fragment容器 #

首先，在你的DrawerLayout主布局里，给主内容区域加一个FrameLayout作为Fragment的容器，替换掉原来的主内容视图：

<!-- 主布局里的内容容器，用来承载不同页面 -->
<FrameLayout
    android:id="@+id/content_container"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

步骤2：创建对应导航项的Fragment #

为每个导航选项创建一个Fragment类，每个Fragment加载对应的布局文件：

// Camera对应的Fragment
public class CameraFragment extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        // 加载another_layout1布局
        return inflater.inflate(R.layout.another_layout1, container, false);
    }
}

// Gallery对应的Fragment
public class GalleryFragment extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        return inflater.inflate(R.layout.another_layout2, container, false);
    }
}

步骤3：处理导航项点击事件，替换Fragment #

在你的Activity里，修改导航点击事件的逻辑，把对应的Fragment替换到容器中：

@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
    int id = item.getItemId();
    Fragment selectedFragment = null;

    // 根据点击的项选择对应的Fragment
    if (id == R.id.nav_camera) {
        selectedFragment = new CameraFragment();
    } else if (id == R.id.nav_gallery) {
        selectedFragment = new GalleryFragment();
    }

    // 替换容器里的Fragment
    if (selectedFragment != null) {
        getSupportFragmentManager().beginTransaction()
                .replace(R.id.content_container, selectedFragment)
                .commit();
    }

    // 点击后关闭Drawer
    DrawerLayout drawer = findViewById(R.id.drawer_layout);
    drawer.closeDrawer(GravityCompat.START);
    return true;
}

方案二：动态添加View到容器（适合简单场景） #

如果你的页面逻辑很简单，只是静态布局展示，也可以直接把布局动态加载到容器里，不用Fragment：

步骤1：添加容器布局 #

同样在主布局里加一个容器（比如LinearLayout或者FrameLayout）：

<LinearLayout
    android:id="@+id/content_container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" />

步骤2：处理点击事件，动态加载布局 #

在Activity的点击事件里，先清空容器的旧内容，再加载新布局：

@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
    int id = item.getItemId();
    LinearLayout contentContainer = findViewById(R.id.content_container);
    
    // 先清空容器里的旧视图，避免叠加
    contentContainer.removeAllViews();

    LayoutInflater inflater = getLayoutInflater();
    // 根据点击项加载对应的布局
    if (id == R.id.nav_camera) {
        inflater.inflate(R.layout.another_layout1, contentContainer, true);
    } else if (id == R.id.nav_gallery) {
        inflater.inflate(R.layout.another_layout2, contentContainer, true);
    }

    // 关闭Drawer
    DrawerLayout drawer = findViewById(R.id.drawer_layout);
    drawer.closeDrawer(GravityCompat.START);
    return true;
}

小提醒 #

这种方式适合简单的静态页面，但如果页面有复杂的交互、数据请求或者生命周期相关的逻辑，还是Fragment更合适——毕竟View没有自己的生命周期，所有逻辑都堆在Activity里，代码会越来越难维护。

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