Android Studio中含DrawerLayout页面如何固定底部导航栏按钮？

我来帮你搞定这个问题！你遇到的BottomNavigationView跑到屏幕中间的情况，大概率是布局层级或约束设置错误导致的——毕竟DrawerLayout作为根布局，内部子View的布局逻辑得理清楚才行。

核心问题分析 #

DrawerLayout的直接子View只能有两个：一个是主内容区域，另一个是侧边抽屉。如果把BottomNavigationView直接作为DrawerLayout的子View，DrawerLayout的布局规则会让它默认居中显示，这就是问题的根源。正确的做法是把BottomNavigationView放在主内容区域内部，让它固定在主内容的底部。

修正后的完整XML示例 #

下面是调整后的布局结构，我用ConstraintLayout作为主内容容器，确保底部导航栏牢牢贴在屏幕底部：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.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/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <!-- 主内容区域：用ConstraintLayout包裹，确保底部导航栏位置正确 -->
    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <!-- 你的主内容容器（比如Fragment容器） -->
        <FrameLayout
            android:id="@+id/main_content_container"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintBottom_toTopOf="@id/bottom_nav_view"/>

        <!-- 底部导航栏 -->
        <com.google.android.material.bottomnavigation.BottomNavigationView
            android:id="@+id/bottom_nav_view"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="?android:attr/windowBackground"
            app:layout_constraintBottom_toBottomOf="parent"
            app:menu="@menu/your_bottom_nav_menu"/>

    </androidx.constraintlayout.widget.ConstraintLayout>

    <!-- 侧边抽屉布局 -->
    <com.google.android.material.navigation.NavigationView
        android:id="@+id/nav_drawer_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        app:headerLayout="@layout/nav_header_layout"
        app:menu="@menu/your_drawer_menu"/>

</android.support.v4.widget.DrawerLayout>

关键注意点 #

• 如果用LinearLayout作为主内容容器，记得给主内容区域设置android:layout_weight="1"，让它占满剩余空间，BottomNavigationView就会自动贴在底部。
• 确保BottomNavigationView的layout_width设为match_parent，layout_height设为wrap_content，避免宽度不够导致图标错位。
• 检查你的BottomNavigationView的menu资源是否配置正确，虽然这不会影响位置，但如果menu有问题可能会误导你排查方向。

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