Android XML布局设置：实现文本滚动且底部导航按钮固定显示

嘿，这个问题我太熟了！你遇到的核心问题就是ScrollView把整个屏幕空间都占了，导致底部的导航栏被挤出视野。其实只要让ScrollView只占据底部导航栏上方的剩余空间就行，给你两种最常用的实现方案，选你顺手的来：

方案一：使用LinearLayout（简单直接） #

这种方式适合布局结构比较简单的场景，核心是给ScrollView设置layout_weight="1"和layout_height="0dp"，让它自动填充底部栏之外的所有空间，底部导航栏则保持wrap_content高度固定在底部。

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!-- 可滚动的文本框容器 -->
    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">

        <!-- ScrollView只能有一个直接子视图，所以把所有文本框放在这里面 -->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:padding="16dp">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="文本框1"
                android:textSize="18sp"/>
            
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="文本框2"
                android:textSize="18sp"/>
            
            <!-- 这里可以继续添加更多文本框或其他视图 -->

        </LinearLayout>
    </ScrollView>

    <!-- 底部固定的导航栏 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#f5f5f5"
        android:orientation="horizontal"
        android:padding="12dp">

        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="返回"/>
        
        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="确认"/>

    </LinearLayout>
</LinearLayout>

方案二：使用ConstraintLayout（灵活适配复杂布局） #

如果你的页面还有其他需要约束的视图，ConstraintLayout会更灵活。通过给ScrollView和底部导航栏设置约束关系，让ScrollView的底部贴在导航栏顶部，导航栏的底部贴在屏幕底部。

<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 可滚动的文本框容器 -->
    <ScrollView
        android:id="@+id/content_scroll"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toTopOf="@id/bottom_nav">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:padding="16dp">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="文本框1"
                android:textSize="18sp"/>
            
            <!-- 更多文本框 -->

        </LinearLayout>
    </ScrollView>

    <!-- 底部固定的导航栏 -->
    <LinearLayout
        android:id="@+id/bottom_nav"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#f5f5f5"
        android:orientation="horizontal"
        android:padding="12dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent">

        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="上一步"/>
        
        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="下一步"/>

    </LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

关键注意事项 #

• 不要给ScrollView设置layout_height="match_parent"，否则它会占满整个屏幕，直接把底部栏挤出去；
• ScrollView只能包含一个直接子视图，所以所有文本框必须放在同一个容器（比如LinearLayout、RelativeLayout）里；
• 如果底部导航栏需要适配虚拟导航键，可以给它添加android:fitsSystemWindows="true"，避免被虚拟键遮挡。

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