Android登录Activity运行效果与XML布局不一致问题求助

开发Android登录Activity时，XML布局预览效果（左侧）与App运行实际效果（右侧）存在明显差异，以下是当前使用的布局代码：

<?xml version="1.0" encoding="utf-8"?>
<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="@color/primary_color"
    tools:context=".activities.LoginActivity">

    <!--<EditText
        android:id="@+id/editTextTextEmail"
        android:hint="Email"
        android:textColorHint="@color/primary_text"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginStart="37dp"
        android:layout_marginEnd="37dp"
        android:layout_marginBottom="3dp"
        android:ems="10"
        android:inputType="textEmailAddress"
        android:text=""
        android:textColor="@color/primary_text"
        android:textSize="10sp"
        app:layout_constraintBottom_toTopOf="@+id/editTextUsername"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/editTextId"
        tools:ignore="TouchTargetSizeCheck" />-->


    <EditText
        android:id="@+id/editTextPassword"
        android:layout_width="202dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="44dp"
        android:ems="10"
        android:hint="Contraseña"
        android:inputType="textPassword"
        android:text=""
        android:textAlignment="center"
        android:textColor="@color/primary_text"
        android:textColorHint="@color/primary_text"
        android:textSize="20sp"
        app:layout_constraintBottom_toTopOf="@+id/buttonLogin"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.497"
        app:layout_constraintStart_toStartOf="parent" />

    <EditText
        android:id="@+id/editTextId"
        android:layout_width="191dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="40dp"
        android:ems="10"
        android:hint="ID"
        android:inputType="number"
        android:text=""
        android:textAlignment="center"
        android:textColor="@color/primary_text"
        android:textColorHint="@color/primary_text"
        android:textSize="20sp"
        app:layout_constraintBottom_toTopOf="@+id/editTextUsername"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.022" />

    <EditText
        android:id="@+id/editTextUsername"
        android:layout_width="221dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="32dp"
        android:ems="10"
        android:hint="Nombre de usuario"
        android:inputType="text"
        android:textAlignment="center"
        android:textColor="@color/primary_text"
        android:textColorHint="@color/primary_text"
        android:textSize="20sp"
        app:layout_constraintBottom_toTopOf="@+id/editTextPassword"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

    <Button
        android:id="@+id/buttonLogin"
        android:layout_width="152dp"
        android:layout_height="48dp"
        android:layout_marginBottom="16dp"
        android:background="#23F62B"
        android:text="Entrar"
        android:textColor="@color/primary_text"
        android:textSize="20sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.497"
        app:layout_constraintStart_toStartOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

可能的原因及解决方案 #

• 固定宽度适配问题：
  所有EditText使用了固定dp宽度（如191dp、221dp），不同屏幕密度下固定dp的显示比例会有差异，预览模拟器和实际设备的屏幕参数不一致就会导致布局错位。建议改用自适应宽度：

  android:layout_width="0dp"
  android:layout_marginStart="32dp"
  android:layout_marginEnd="32dp"
  app:layout_constraintStart_toStartOf="parent"
  app:layout_constraintEnd_toEndOf="parent"
  

• 垂直约束偏差值不合理：
  editTextId设置了app:layout_constraintVertical_bias="0.022"，这个值会让控件极度靠近顶部，不同屏幕的垂直空间计算差异会放大这种偏差。建议去掉该属性，改用android:layout_marginTop控制顶部间距，或者调整为更合理的bias值（比如0.2）。
• 垂直布局约束逻辑问题：
  当前控件仅通过Bottom_toTopOf串联，没有形成完整的垂直链，导致屏幕尺寸变化时控件间距比例混乱。可以给editTextId、editTextUsername、editTextPassword设置垂直链，让布局更稳定：

  <!-- 在editTextId上添加 -->
  app:layout_constraintVertical_chainStyle="packed"
  app:layout_constraintVertical_bias="0.5"
  

• 主题/样式差异：
  预览和运行时可能使用了不同的App主题，导致EditText的默认内边距、高度等样式不一致。检查res/values/styles.xml中的主题配置，确保预览和运行使用相同主题，或者给EditText明确指定统一样式：

  style="@style/Widget.MaterialComponents.EditText.OutlinedBox"
  

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