Android Studio中如何对齐用户名与密码输入框并优化设计？

要实现输入框对齐、尺寸一致、颜色相近且保留密码显示/隐藏功能，按以下步骤修改：

核心修改方向 #

• 统一两个输入框的布局结构，避免混用EditText和TextInputLayout导致的样式差异
• 对齐所有布局属性（尺寸、边距、内边距）
• 统一文字、图标、背景等视觉样式
• 优化密码切换按钮的适配性

具体修改代码 #

<!-- 用户名输入框：改为TextInputLayout包裹结构，和密码框统一 -->
<com.google.android.material.textfield.TextInputLayout
    android:id="@+id/aduser_layout"
    android:layout_width="0dp"
    android:layout_height="55dp"
    android:layout_marginStart="32dp"
    android:layout_marginEnd="32dp"
    android:layout_marginTop="16dp"
    android:hint="Username"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/imageView2">

    <com.google.android.material.textfield.TextInputEditText
        android:id="@+id/aduser"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/button_bg"
        android:drawableStart="@drawable/userconfig1"
        android:drawablePadding="16dp"
        android:ems="10"
        android:inputType="text"
        android:textColor="#000000"
        android:textColorHint="#000000"
        android:textSize="18sp" <!-- 注意：字号建议用sp而非dp，适配字体缩放 -->
        android:textStyle="bold" />
</com.google.android.material.textfield.TextInputLayout>

<!-- 密码输入框：调整样式与用户名框统一，替换图标为密码类图标 -->
<com.google.android.material.textfield.TextInputLayout
    android:id="@+id/adpass"
    android:layout_width="0dp"
    android:layout_height="55dp"
    android:layout_marginStart="32dp"
    android:layout_marginEnd="32dp"
    android:layout_marginTop="16dp" <!-- 和用户名框的marginTop统一，保持间距一致 -->
    android:hint="Password"
    app:passwordToggleEnabled="true"
    app:passwordToggleTint="#000000" <!-- 设置密码切换按钮颜色，和文字匹配 -->
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/aduser_layout">

    <com.google.android.material.textfield.TextInputEditText
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/button_bg"
        android:drawableStart="@drawable/baseline_lock_24" <!-- 替换为密码锁图标，匹配用户名的用户图标 -->
        android:drawablePadding="16dp"
        android:ems="10"
        android:inputType="textPassword"
        android:textColor="#000000"
        android:textColorHint="#000000"
        android:textSize="18sp"
        android:textStyle="bold" />
</com.google.android.material.textfield.TextInputLayout>

关键优化点说明 #

1. 结构统一：将用户名输入框也改用TextInputLayout包裹，确保两个输入框的布局容器一致，避免默认样式差异
2. 字号单位修正：把textSize="18dp"改为18sp，sp是Android推荐的字体尺寸单位，支持系统字体缩放设置
3. 边距对齐：统一两个输入框的layout_marginTop，保证垂直间距一致；layout_height均设为55dp，确保高度相同
4. 图标匹配：将密码框的drawableStart图标替换为密码锁类图标（如baseline_lock_24），和用户名的用户图标风格统一
5. 密码Toggle样式：通过app:passwordToggleTint设置切换按钮颜色，和文字颜色保持一致，视觉更协调

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