Android布局底部出现大空白：IDE与真机显示不一致求助

我开发的Android界面包含ImageView、TextView、Fragment及带按钮的布局，添加自定义形状后，Android Studio预览显示正常规整，但真机上界面完全变形，底部出现大片空白。

IDE预览效果：

真机显示效果：

对应的XML布局代码：

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/backg"
    android:orientation="vertical"
    tools:context=".ProfileActivity">
    <RelativeLayout
        android:id="@+id/cricleshape"
        android:layout_width="191dp"
        android:layout_height="191dp"
        android:layout_gravity="center"
        android:background="@drawable/circle">
        <com.mikhaellopez.circularimageview.CircularImageView
            android:id="@+id/photoprof"
            android:layout_width="162dp"
            android:layout_height="152dp"
            android:layout_alignParentTop="true"
            android:layout_alignParentEnd="true"
            android:layout_marginTop="19dp"
            android:layout_marginEnd="5dp"
            android:clickable="true"
            android:src="@drawable/avatar_profile_png_picture"
            android:translationX="2dp"
            android:translationY="2dp"
            app:civ_border_width="4dp"
            app:civ_shadow_radius="10dp"
            tools:ignore="SpeakableTextPresentCheck" />
        <RelativeLayout
            android:layout_width="152dp"
            android:layout_height="35dp"
            android:layout_alignParentEnd="true"
            android:layout_alignParentBottom="true"
            android:layout_marginEnd="10dp"
            android:layout_marginBottom="-1dp"
            android:background="@drawable/broderprofile">
            <TextView
                android:id="@+id/textView9"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentStart="true"
                android:layout_alignParentBottom="true"
                android:layout_marginStart="8dp"
                android:layout_marginBottom="10dp"
                android:fontFamily="@font/anaheim"
                android:text="Level :"
                android:textColor="@color/white"
                android:textSize="20sp" />
            <TextView
                android:id="@+id/numlevel"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:layout_alignParentEnd="true"
                android:layout_marginTop="6dp"
                android:layout_marginEnd="15dp"
                android:text="NumLevel"
                android:textColor="#FFFEFE" />
        </RelativeLayout>
    </RelativeLayout>
    <TextView
        android:id="@+id/nameUser"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp"
        android:fontFamily="@font/amaranth"
        android:gravity="center"
        android:text="Name User"
        android:textColor="@color/white"
        android:textSize="24dp"
        android:textStyle="normal|bold" />
    <RelativeLayout
        android:id="@+id/view"
        android:layout_width="323dp"
        android:layout_height="25dp"
        android:layout_gravity="center"
        android:layout_marginTop="20dp"
        android:background="@drawable/bordershape">
        <TextView
            android:id="@+id/emailuser"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="3dp"
            android:foregroundGravity="center"
            android:gravity="center"
            android:text="Emai@email.com"
            android:textAlignment="textStart"
            android:textColor="@color/white"
            android:translationX="12dp"
            tools:ignore="RtlCompat" />
    </RelativeLayout>
    <androidx.fragment.app.FragmentContainerView
        android:id="@+id/fragcontainer"
        android:layout_width="match_parent"
        android:layout_height="282dp"
        tools:layout="@layout/fragment_posts" />
    <RelativeLayout
        android:id="@+id/view1"
        android:layout_width="323dp"
        android:layout_height="41dp"
        android:layout_gravity="center"
        android:background="@drawable/bordershape">
        <com.google.android.material.button.MaterialButton
            android:id="@+id/likepost"
            style="@style/Widget.MaterialComponents.ExtendedFloatingActionButton"
            android:layout_width="46dp"
            android:layout_height="46dp"
            android:layout_alignParentStart="true"
            android:layout_alignParentBottom="true"
            android:layout_gravity="center"
            android:layout_marginStart="171dp"
            android:layout_marginBottom="-1dp"
            android:backgroundTint="#B0371C61"
            app:cornerRadius="28dp"
            app:icon="@drawable/like"
            app:iconGravity="top"
            app:iconSize="27dp"
            app:iconTint="@color/white"
            app:startIconTint="@color/white"
            tools:ignore="SpeakableTextPresentCheck,TouchTargetSizeCheck" />
        <com.google.android.material.button.MaterialButton
            android:id="@+id/likepostt"
            style="@style/Widget.MaterialComponents.ExtendedFloatingActionButton"
            android:layout_width="46dp"
            android:layout_height="46dp"
            android:layout_alignParentStart="true"
            android:layout_alignParentBottom="true"
            android:layout_gravity="center"
            android:layout_marginStart="56dp"
            android:layout_marginBottom="0dp"
            android:backgroundTint="#B0371C61"
            app:cornerRadius="28dp"
            app:icon="@drawable/like"
            app:iconGravity="top"
            app:iconSize="27dp"
            app:iconTint="@color/white"
            app:startIconTint="@color/white"
            tools:ignore="SpeakableTextPresentCheck,TouchTargetSizeCheck" />
        <com.google.android.material.button.MaterialButton
            android:id="@+id/likepostr"
            style="@style/Widget.MaterialComponents.ExtendedFloatingActionButton"
            android:layout_width="46dp"
            android:layout_height="46dp"
            android:layout_alignParentStart="true"
            android:layout_alignParentBottom="true"
            android:layout_gravity="center"
            android:layout_marginStart="113dp"
            android:layout_marginBottom="0dp"
            android:backgroundTint="#B0371C61"
            app:cornerRadius="28dp"
            app:icon="@drawable/like"
            app:iconGravity="top"
            app:iconSize="27dp"
            app:iconTint="@color/white"
            app:startIconTint="@color/white"
            tools:ignore="SpeakableTextPresentCheck,TouchTargetSizeCheck" />
    </RelativeLayout>
</LinearLayout>

问题原因分析 #

1. 固定尺寸适配失效：布局中大量使用固定dp值设置宽高（如191dp、282dp），不同真机屏幕尺寸、分辨率差异大，固定值无法自适应，导致元素排版混乱。
2. Fragment容器高度硬编码：给Fragment容器设置282dp固定高度，真机屏幕高度不足时，下方元素被挤压错位，同时底部出现空白。
3. 硬编码偏移不可靠：部分元素用translationX/Y和负margin调整位置，这种方式在不同屏幕上会失效，引发元素错位。
4. 元素超出父布局：底部按钮宽高46dp，但父布局仅41dp高，按钮超出父布局范围，真机上显示异常。

修复方案 #

1. 改用ConstraintLayout替代嵌套布局 #

ConstraintLayout能更灵活地处理自适应布局，减少嵌套层级，适配不同屏幕尺寸。

2. 替换固定尺寸为自适应属性 #

• 圆形头像区域用layout_constraintDimensionRatio保持宽高比，避免固定dp值；
• Fragment容器设为0dp（match_constraint），配合约束绑定到上方元素和底部按钮容器，自动占据剩余空间；
• 底部输入框、按钮容器改用match_parent或百分比宽度，移除323dp这类固定值。

3. 移除硬编码偏移 #

删除translationX/Y和负margin，用布局约束（如layout_constraintStart_toStartOf、layout_constraintBottom_toBottomOf）精准定位元素。

4. 调整元素尺寸适配父布局 #

底部按钮容器高度调整为适配按钮尺寸，避免元素超出父布局。

示例修复后的核心布局片段 #

<androidx.constraintlayout.widget.ConstraintLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/backg"
    tools:context=".ProfileActivity">

    <!-- 圆形头像区域，用比例保持圆形 -->
    <RelativeLayout
        android:id="@+id/cricleshape"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintDimensionRatio="1:1"
        app:layout_constraintWidth_percent="0.45"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        android:layout_marginTop="20dp"
        android:background="@drawable/circle">
        <!-- 圆形ImageView居中，移除偏移 -->
        <com.mikhaellopez.circularimageview.CircularImageView
            android:id="@+id/photoprof"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_centerInParent="true"
            app:layout_constraintDimensionRatio="1:1"
            app:layout_constraintWidth_percent="0.85"
            android:clickable="true"
            android:src="@drawable/avatar_profile_png_picture"
            app:civ_border_width="4dp"
            app:civ_shadow_radius="10dp"
            tools:ignore="SpeakableTextPresentCheck" />
        <!-- 等级布局定位到底部，移除负margin -->
        <RelativeLayout
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true"
            android:layout_marginBottom="5dp"
            app:layout_constraintWidth_percent="0.8"
            android:background="@drawable/broderprofile">
            <TextView
                android:id="@+id/textView9"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentStart="true"
                android:layout_centerVertical="true"
                android:layout_marginStart="8dp"
                android:fontFamily="@font/anaheim"
                android:text="Level :"
                android:textColor="@color/white"
                android:textSize="20sp" />
            <TextView
                android:id="@+id/numlevel"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentEnd="true"
                android:layout_centerVertical="true"
                android:layout_marginEnd="15dp"
                android:text="NumLevel"
                android:textColor="#FFFEFE" />
        </RelativeLayout>
    </RelativeLayout>

    <!-- 用户名TextView -->
    <TextView
        android:id="@+id/nameUser"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp"
        android:fontFamily="@font/amaranth"
        android:gravity="center"
        android:text="Name User"
        android:textColor="@color/white"
        android:textSize="24sp"
        android:textStyle="normal|bold"
        app:layout_constraintTop_toBottomOf="@+id/cricleshape"/>

    <!-- 邮箱容器 -->
    <RelativeLayout
        android:id="@+id/view"
        android:layout_width="0dp"
        android:layout_height="25dp"
        android:layout_marginTop="20dp"
        android:layout_marginStart="20dp"
        android:layout_marginEnd="20dp"
        android:background="@drawable/bordershape"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/nameUser">
        <TextView
            android:id="@+id/emailuser"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:gravity="center"
            android:text="Emai@email.com"
            android:textColor="@color/white"
            tools:ignore="RtlCompat" />
    </RelativeLayout>

    <!-- Fragment容器自适应剩余空间 -->
    <androidx.fragment.app.FragmentContainerView
        android:id="@+id/fragcontainer"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintTop_toBottomOf="@+id/view"
        app:layout_constraintBottom_toTopOf="@+id/view1"
        tools:layout="@layout/fragment_posts" />

    <!-- 底部按钮容器 -->
    <RelativeLayout
        android:id="@+id/view1"
        android:layout_width="0dp"
        android:layout_height="50dp"
        android:layout_marginStart="20dp"
        android:layout_marginEnd="20dp"
        android:layout_marginBottom="20dp"
        android:background="@drawable/bordershape"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintBottom_toBottomOf="parent">
        <!-- 按钮水平分布定位 -->
        <com.google.android.material.button.MaterialButton
            android:id="@+id/likepostt"
            style="@style/Widget.MaterialComponents.ExtendedFloatingActionButton"
            android:layout_width="46dp"
            android:layout_height="46dp"
            android:layout_alignParentStart="true"
            android:layout_centerVertical="true"
            android:layout_marginStart="20dp"
            android:backgroundTint="#B0371C61"
            app:cornerRadius="28dp"
            app:icon="@drawable/like"
            app:iconGravity="top"
            app:iconSize="27dp"
            app:iconTint="@color/white"
            app:startIconTint="@color/white"
            tools:ignore="SpeakableTextPresentCheck,TouchTargetSizeCheck" />
        <com.google.android.material.button.MaterialButton
            android:id="@+id/likepostr"
            style="@style/Widget.MaterialComponents.ExtendedFloatingActionButton"
            android:layout_width="46dp"
            android:layout_height="46dp"
            android:layout_centerInParent="true"
            android:backgroundTint="#B0371C61"
            app:cornerRadius="28dp"
            app:icon="@drawable/like"
            app:iconGravity="top"
            app:iconSize="27dp"
            app:iconTint="@color/white"
            app:startIconTint="@color/white"
            tools:ignore="SpeakableTextPresentCheck,TouchTargetSizeCheck" />
        <com.google.android.material.button.MaterialButton
            android:id="@+id/likepost"
            style="@style/Widget.MaterialComponents.ExtendedFloatingActionButton"
            android:layout_width="46dp"
            android:layout_height="46dp"