Android布局异常：Map Fragment遮挡Header，预览与实际显示不符

你的问题根源在于RelativeLayout的布局属性设置错误，导致运行时布局解析和预览不一致，具体问题点和修复方案如下：

问题点拆解 #

1. RelativeLayout不支持android:orientation属性：你给外层RelativeLayout设置了android:orientation="vertical"，这个属性是LinearLayout专属的，RelativeLayout无法识别，会导致布局解析异常。
2. 缺少明确的布局位置约束：你的Header布局（rl_header）没有设置固定的位置约束（比如置顶），同时MapFragment设置了match_parent的宽高，虽然预览时Android Studio会做兼容处理，但实际运行时，地图视图会占据整个屏幕空间，Header的位置会因为没有约束而出现异常（甚至被地图覆盖）。
3. 外层RelativeLayout的android:gravity="center"会干扰子View位置：这个属性会让所有子View居中显示，导致Header不会默认置顶，进一步加剧布局混乱。

修复方案（两种可选） #

方案一：改用LinearLayout（更简洁直观）

LinearLayout的垂直布局天生适合这种"Header+内容区"的结构，代码更清晰：

<?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">

    <!-- Header区域 -->
    <RelativeLayout
        android:id="@+id/rl_header"
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:background="#FFF">

        <TextView
            android:id="@+id/miles_select_text"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center_vertical"
            android:text="@string/miles_select_text" />

        <Spinner
            android:id="@+id/miles_spinner"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_alignEnd="@+id/miles_select_text"
            android:layout_centerVertical="true" />
    </RelativeLayout>

    <!-- 地图区域：用layout_weight="1"让它占据剩余所有空间 -->
    <fragment
        android:id="@+id/map"
        android:name="com.google.android.gms.maps.MapFragment"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />
</LinearLayout>

方案二：修复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">

    <!-- 先放Header，设置置顶约束 -->
    <RelativeLayout
        android:id="@+id/rl_header"
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:layout_alignParentTop="true"
        android:background="#FFF">

        <TextView
            android:id="@+id/miles_select_text"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center_vertical"
            android:text="@string/miles_select_text" />

        <Spinner
            android:id="@+id/miles_spinner"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_alignEnd="@+id/miles_select_text"
            android:layout_centerVertical="true" />
    </RelativeLayout>

    <!-- 地图设置在Header下方，占满剩余空间 -->
    <fragment
        android:id="@+id/map"
        android:name="com.google.android.gms.maps.MapFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/rl_header" />
</RelativeLayout>

关键改动说明 #

• 移除了RelativeLayout上无效的android:orientation和android:gravity="center"属性
• 给Header添加了android:layout_alignParentTop="true"，确保它固定在屏幕顶部
• 给MapFragment添加了android:layout_below="@+id/rl_header"，让它在Header下方显示，避免覆盖Header
• 方案一中用layout_weight="1"让地图自动填充剩余空间，比match_parent更适配这种布局结构

这样修改后，运行时的布局就会和预览效果一致了~

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