Android Studio中ScrollView布局问题：如何置于Header之后

核心问题 #

你用android:layout_marginTop="80dp"硬编码ScrollView的位置属于不规范做法：一旦Header高度变化（比如文字换行、设备字体缩放），或者系统状态栏布局调整，就会出现布局错位。在布局中，应该通过布局关联属性来固定视图间的位置关系，而非固定间距。

方法一：基于现有RelativeLayout修改 #

1. 给作为Header的LinearLayout添加唯一ID：android:id="@+id/header_layout"
2. 给ScrollView添加android:layout_below="@id/header_layout"属性，同时删除android:layout_marginTop="80dp"
3. 移除ScrollView中重复的xmlns:android声明（根布局已声明）

修改后的完整代码：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".TableDesCours">

    <!-- Header布局，添加ID -->
    <LinearLayout
        android:id="@+id/header_layout"
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:orientation="vertical"
        android:background="@color/top_bg"
        android:clickable="true"
        android:focusable="true"
        android:padding="5dp">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/string1"
            android:typeface="monospace"
            android:fontFamily="@font/madimi"
            android:textSize="25sp"
            android:layout_marginLeft="20sp"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Libérez votre potentiel d'étudiant avec nos cours en ligne."
            android:textSize="15sp"
            android:fontFamily="@font/roboto"
            android:layout_marginLeft="20dp" />
    </LinearLayout>

    <!-- ScrollView关联到Header下方 -->
    <ScrollView
        android:id="@+id/header_scrollview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fillViewport="true"
        android:layout_below="@id/header_layout">

        <TableLayout
            android:id="@+id/header_linear"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_marginTop="100dp"
            android:layout_gravity="center">
            
            <!-- 原有课程项布局保持不变 -->
            <LinearLayout
                android:layout_width="320dp"
                android:layout_height="110dp"
                android:background="@drawable/math_bg"
                android:orientation="horizontal"
                android:layout_marginTop="30dp"
                android:padding="3dp"
                android:layout_gravity="center">
                <LinearLayout
                    android:id="@+id/math"
                    android:layout_width="235dp"
                    android:layout_height="wrap_content"
                    android:orientation="vertical">
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Mathématiques"
                        android:textStyle="bold"
                        android:layout_marginTop="10dp"
                        android:textColor="@color/colorPrimary"
                        android:layout_marginLeft="15dp"/>
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Un monde de logique et de défis."
                        android:textStyle="bold"
                        android:textSize="18sp"
                        android:layout_marginLeft="15dp"
                        android:textColor="@color/colorPrimary"/>
                </LinearLayout>
                <ImageView
                    android:layout_width="80dp"
                    android:layout_height="80dp"
                    android:padding="8dp"
                    android:src="@mipmap/maths"/>
            </LinearLayout>

            <LinearLayout
                android:id="@+id/francais"
                android:layout_width="320dp"
                android:layout_height="110dp"
                android:background="@drawable/fr_bg"
                android:orientation="horizontal"
                android:layout_marginTop="30dp"
                android:padding="3dp"
                android:layout_gravity="center">
                <LinearLayout
                    android:layout_width="235dp"
                    android:layout_height="wrap_content"
                    android:orientation="vertical">
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Français"
                        android:textStyle="bold"
                        android:layout_marginTop="10dp"
                        android:textColor="@color/colorPrimary"
                        android:layout_marginLeft="15dp"/>
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Des mots, des histoires, et des possibilités infinies."
                        android:textStyle="bold"
                        android:textSize="18sp"
                        android:layout_marginLeft="15dp"
                        android:textColor="@color/colorPrimary"/>
                </LinearLayout>
                <ImageView
                    android:layout_width="80dp"
                    android:layout_height="80dp"
                    android:padding="8dp"
                    android:src="@mipmap/francais"/>
            </LinearLayout>

            <LinearLayout
                android:id="@+id/svt"
                android:layout_width="320dp"
                android:layout_height="110dp"
                android:background="@drawable/svt_bg"
                android:orientation="horizontal"
                android:layout_marginTop="30dp"
                android:padding="3dp"
                android:layout_gravity="center">
                <LinearLayout
                    android:layout_width="235dp"
                    android:layout_height="wrap_content"
                    android:orientation="vertical">
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Sciences de la vie et de la terre"
                        android:textStyle="bold"
                        android:layout_marginTop="10dp"
                        android:textColor="@color/colorPrimary"
                        android:layout_marginLeft="15dp"/>
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Explorez les merveilles de la nature et de la vie."
                        android:textStyle="bold"
                        android:textSize="18sp"
                        android:layout_marginLeft="15dp"
                        android:textColor="@color/colorPrimary"/>
                </LinearLayout>
                <ImageView
                    android:layout_width="80dp"
                    android:layout_height="80dp"
                    android:padding="8dp"
                    android:src="@mipmap/svt"/>
            </LinearLayout>

            <LinearLayout
                android:id="@+id/geog"
                android:layout_width="320dp"
                android:layout_height="110dp"
                android:background="@drawable/histoire_bg"
                android:orientation="horizontal"
                android:layout_marginTop="30dp"
                android:padding="3dp"
                android:layout_gravity="center">
                <LinearLayout
                    android:layout_width="235dp"
                    android:layout_height="wrap_content"
                    android:orientation="vertical">
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Histoire/Géographie"
                        android:textStyle="bold"
                        android:layout_marginTop="10dp"
                        android:textColor="@color/colorPrimary"
                        android:layout_marginLeft="15dp"/>
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Plongez dans les méandres du temps et de l'espace."
                        android:textStyle="bold"
                        android:textSize="18sp"
                        android:layout_marginLeft="15dp"
                        android:textColor="@color/colorPrimary"/>
                </LinearLayout>
                <ImageView
                    android:layout_width="80dp"
                    android:layout_height="80dp"
                    android:padding="8dp"
                    android:src="@mipmap/histoire"/>
            </LinearLayout>

            <LinearLayout
                android:id="@+id/techno"
                android:layout_width="320dp"
                android:layout_height="110dp"
                android:background="@drawable/tech_bg"
                android:orientation="horizontal"
                android:layout_marginTop="30dp"
                android:padding="3dp"
                android:layout_gravity="center">
                <LinearLayout
                    android:layout_width="235dp"
                    android:layout_height="wrap_content"
                    android:orientation="vertical">
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Technologie"
                        android:textStyle="bold"
                        android:layout_marginTop="10dp"
                        android:textColor="@color/colorPrimary"
                        android:layout_marginLeft="15dp"/>
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Découvrons ensemble les rouages de la technologie"
                        android:textStyle="bold"
                        android:textSize="18sp"
                        android:layout_marginLeft="15dp"
                        android:textColor="@color/colorPrimary"/>
                </LinearLayout>
                <ImageView
                    android:layout_width="80dp"
                    android:layout_height="80dp"
                    android:padding="8dp"
                    android:src="@mipmap/techno"/>
            </LinearLayout>

            <LinearLayout
                android:layout_width="0dp"
                android:layout_height="10dp">
            </LinearLayout>
        </TableLayout>
    </ScrollView>
</RelativeLayout>

方法二：推荐使用垂直LinearLayout作为根布局 #

这种布局方式更简洁，适配性更好，无需依赖RelativeLayout的位置属性：

1. 根布局改为垂直方向的LinearLayout
2. Header的layout_height="80dp"保持不变
3. ScrollView设置layout_height="0dp"和layout_weight="1"，让它自动占满剩余屏幕空间

修改后的代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".TableDesCours">

    <!-- Header布局 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:orientation="vertical"
        android:background="@color/top_bg"
        android:clickable="true"
        android:focusable="true"
        android:padding="5dp">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/string1"
            android:typeface="monospace"
            android:fontFamily="@font/madimi"
            android:textSize="25sp"
            android:layout_marginLeft="20sp"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Libérez votre potentiel d'étudiant avec nos cours en ligne."
            android:textSize="15sp"
            android:fontFamily="@font/roboto"
            android:layout_marginLeft="20dp" />
    </LinearLayout>

    <!-- ScrollView占满剩余空间 -->
    <ScrollView
        android:id="@+id/header_scrollview"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:fillViewport="true">

        <TableLayout
            android:id="@+id/header_linear"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_marginTop="100dp"
            android:layout_gravity="center">
            
            <!-- 原有课程项布局保持不变 -->
            <LinearLayout
                android:layout_width="320dp"
                android:layout_height="110dp"
                android:background="@drawable/math_bg"
                android:orientation="horizontal"
                android:layout_marginTop="30dp"
                android:padding="3dp"
                android:layout_gravity="center">
                <LinearLayout
                    android:id="@+id/math"
                    android:layout_width="235dp"
                    android:layout_height="wrap_content"
                    android:orientation="vertical">
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Mathématiques"
                        android:textStyle="bold"
                        android:layout_marginTop="10dp"
                        android:textColor="@color/colorPrimary"
                        android:layout_marginLeft="15dp"/>
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Un monde de logique et de défis."
                        android:textStyle="bold"
                        android:textSize="18sp"
                        android:layout_marginLeft="15dp"
                        android:textColor="@color/colorPrimary"/>
                </LinearLayout>
                <ImageView
                    android:layout_width="80dp"
                    android:layout_height="80dp"
                    android:padding="8dp"
                    android:src="@mipmap/maths"/>
            </LinearLayout>

            <LinearLayout
                android:id="@+id/francais"
                android:layout_width="320dp"
                android:layout_height="110dp"
                android:background="@drawable/fr_bg"
                android:orientation="horizontal"
                android:layout_marginTop="30dp"
                android:padding="3dp"
                android:layout_gravity="center">
                <LinearLayout
                    android:layout_width="235dp"
                    android:layout_height="wrap_content"
                    android:orientation="vertical">
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Français"
                        android:textStyle="bold"
                        android:layout_marginTop="10dp"
                        android:textColor="@color/colorPrimary"
                        android:layout_marginLeft="15dp"/>
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Des mots, des histoires, et des possibilités infinies."
                        android:textStyle="bold"
                        android:textSize="18sp"
                        android:layout_marginLeft="15dp"
                        android:textColor="@color/colorPrimary"/>
                </LinearLayout>
                <ImageView
                    android:layout_width="80dp"
                    android:layout_height="80dp"
                    android:padding="8dp"
                    android:src="@mipmap/francais"/>
            </LinearLayout>

            <LinearLayout
                android:id="@+id/svt"
                android:layout_width="320dp"
                android:layout_height="110dp"
                android:background="@drawable/svt_bg"
                android:orientation="horizontal"
                android:layout_marginTop="30dp"
                android:padding="3dp"
                android:layout_gravity="center">
                <LinearLayout
                    android:layout_width="235dp"
                    android:layout_height="wrap_content"
                    android:orientation="vertical">
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Sciences de la vie et de la terre"
                        android:textStyle="bold"
                        android:layout_marginTop="10dp"
                        android:textColor="@color/colorPrimary"
                        android:layout_marginLeft="15dp"/>
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Explorez les merveilles de la nature et de la vie."
                        android:textStyle="bold"
                        android:textSize="18sp"
                        android:layout_marginLeft="15dp"
                        android:textColor="@color/colorPrimary"/>
                </LinearLayout>
                <ImageView
                    android:layout_width="80dp"
                    android:layout_height="80