RelativeLayout内ScrollView布局异常，元素重叠求助

你的布局出现重叠和ScrollView位置错误的核心原因是RelativeLayout的依赖关系设置混乱，同时ScrollView内部EditText的高度配置导致滚动失效。下面提供两种修正方案，优先推荐更简单直观的LinearLayout方案：

方案一：改用LinearLayout根布局（推荐） #

利用垂直方向的LinearLayout天然实现元素顺序堆叠，无需手动维护复杂的位置依赖：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!-- 头部区域：歌曲名 + 操作按钮 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="16dp">

        <!-- 歌曲名标题 -->
        <TextView
            android:id="@+id/textViewSongName"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Song Name"
            android:textSize="18sp"
            android:textStyle="bold"/>

        <!-- 并排按钮容器 -->
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_marginTop="8dp">

            <Button
                android:id="@+id/backButton"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Back"
                android:onClick="goBack"/>

            <Button
                android:id="@+id/saveButton"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Save"
                android:onClick="saveChanges"
                android:layout_marginStart="16dp"/>
        </LinearLayout>
    </LinearLayout>

    <!-- 分隔线 -->
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_marginStart="16dp"
        android:layout_marginEnd="16dp"
        android:background="@drawable/artistic_horizontal_line"/>

    <!-- 可滚动编辑区域 -->
    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:padding="16dp">

        <EditText
            android:id="@+id/editTextSongContent"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="Edit song here"
            android:gravity="top"
            android:minLines="10"/>
    </ScrollView>

</LinearLayout>

关键修正说明： #

• 根布局用垂直LinearLayout，元素自动按代码顺序从上到下堆叠，彻底避免依赖错误
• 用横向LinearLayout包裹两个按钮，确保它们并排显示并添加间距提升美观度
• ScrollView通过layout_height="0dp"+layout_weight="1"自动填充头部和分隔线之外的剩余屏幕空间
• EditText设置wrap_content高度保证内容过长时ScrollView可正常滚动，gravity="top"让文本从顶部开始输入

方案二：修正原RelativeLayout布局 #

如果你坚持使用RelativeLayout，需修正元素的依赖关系：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 头部区域：添加id作为后续元素的依赖基准 -->
    <RelativeLayout
        android:id="@+id/header_container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="16dp">

        <Button
            android:id="@+id/saveButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Save"
            android:onClick="saveChanges" />

        <Button
            android:id="@+id/backButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Back"
            android:onClick="goBack"
            android:layout_toEndOf="@id/saveButton"
            android:layout_marginStart="16dp"/>

        <TextView
            android:id="@+id/textViewSongName"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Song Name"
            android:layout_below="@id/saveButton"
            android:layout_marginTop="8dp"/>

    </RelativeLayout>

    <!-- 分隔线：依赖头部容器 -->
    <View
        android:id="@+id/divider"
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_below="@id/header_container"
        android:layout_marginStart="16dp"
        android:layout_marginEnd="16dp"
        android:background="@drawable/artistic_horizontal_line" />

    <!-- ScrollView：依赖分隔线，填充剩余空间 -->
    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/divider"
        android:layout_alignParentBottom="true"
        android:padding="16dp">

        <EditText
            android:id="@+id/editTextSongContent"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="Edit song here"
            android:gravity="top"
            android:minLines="10"/>

    </ScrollView>

</RelativeLayout>

关键修正说明： #

• 给头部RelativeLayout添加idheader_container，让分隔线和ScrollView都以它为位置基准
• 分隔线设置layout_below="@id/header_container"，确保在头部下方
• ScrollView设置layout_below="@id/divider"和layout_alignParentBottom="true"，填充分隔线以下的所有空间
• 调整EditText高度为wrap_content，解决滚动失效问题

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