Android Studio开发笔记类应用 运行后弹窗布局与设计预期不符求助

我是Android Studio与Java编程的新手，若问题过于基础还望谅解。

我创建了一个包含基础Activity的项目，正在开发一款笔记类应用，需求为点击FloatingActionButton后弹出类弹窗窗口。目前弹窗运行效果和预期不一致：

• 预期效果：弹窗内的标题输入框、笔记描述输入框、分类复选框、取消/确定按钮按顺序排布，边距统一
• 实际效果：所有控件靠左对齐，按钮位置偏移，边距错乱

以下是该布局对应的XML代码：

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

    <EditText
        android:id="@+id/editTitle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="44dp"
        android:layout_marginTop="43dp"
        android:ems="10"
        android:hint="@string/title_hint"
        android:inputType="textPersonName"
        android:text="Name"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <EditText
        android:id="@+id/editDescription"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="47dp"
        android:layout_marginTop="139dp"
        android:ems="10"
        android:hint="@string/description_hint"
        android:inputType="textMultiLine"
        android:text="Name"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <CheckBox
        android:id="@+id/checkBoxIdea"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="44dp"
        android:layout_marginTop="244dp"
        android:text="@string/idea_text"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <CheckBox
        android:id="@+id/checkBoxToDo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="22dp"
        android:text="@string/todo_text"
        app:layout_constraintStart_toStartOf="@+id/checkBoxIdea"
        app:layout_constraintTop_toBottomOf="@+id/checkBoxIdea" />

    <CheckBox
        android:id="@+id/checkBoxImportant"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="22dp"
        android:text="@string/important_text"
        app:layout_constraintStart_toStartOf="@+id/checkBoxToDo"
        app:layout_constraintTop_toBottomOf="@+id/checkBoxToDo" />

    <Button
        android:id="@+id/btnCancel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/cancel_button"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="@+id/checkBoxImportant"
        app:layout_constraintHorizontal_bias="1.0"
        app:layout_constraintStart_toStartOf="@+id/checkBoxImportant"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.922" />

    <Button
        android:id="@+id/btnOK"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/ok_button"
        app:layout_constraintBottom_toBottomOf="@+id/btnCancel"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.86"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@+id/btnCancel"
        app:layout_constraintVertical_bias="0.0" />
</androidx.constraintlayout.widget.ConstraintLayout>

核心问题原因 #

• 弹窗根布局使用match_parent作为宽高，会占满整个屏幕，不符合浮层弹窗的尺寸逻辑
• 所有控件仅设置左侧、顶部的硬编码margin，没有建立垂直方向的约束关联，适配性差
• 按钮的约束同时关联了父布局和复选框范围，导致位置偏移

修改方案 #

1. 调整根布局尺寸：把根布局的宽高改为wrap_content，添加16dp的内边距，避免内容贴边：

<androidx.constraintlayout.widget.ConstraintLayout 
    ...
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="16dp">

2. 修正输入框宽度：将两个EditText的宽度改为0dp（匹配约束宽度），同时关联左右父布局约束，让输入框自适应弹窗宽度：

<EditText
    android:id="@+id/editTitle"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginTop="24dp"
    android:ems="10"
    android:hint="@string/title_hint"
    android:inputType="textPersonName"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

3. 调整垂直约束逻辑：去掉硬编码的顶部margin（如43dp、139dp、244dp），让上下控件依次关联约束：
   • 描述输入框的顶部约束关联到标题输入框的底部，间距24dp
   • 第一个复选框的顶部约束关联到描述输入框的底部，间距24dp
   • 后续复选框保持原有的上下关联约束即可
4. 重构按钮约束：将按钮组放在弹窗底部，左右分布：

<Button
    android:id="@+id/btnCancel"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/cancel_button"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"
    android:layout_marginTop="24dp" />

<Button
    android:id="@+id/btnOK"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/ok_button"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toTopOf="@+id/btnCancel"
    app:layout_constraintBottom_toBottomOf="@+id/btnCancel" />

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