如何调整ConstraintLayout视图高度消除登录页提交按钮底部多余空白

你当前布局出现底部空白是两个原因导致的：

• 白色表单容器view_form同时设置了上下约束到父布局，高度设为0dp配合垂直权重占满了指定比例的屏幕高度，但容器内部的所有输入控件、提交按钮仅做了顶部方向的链式约束，没有和容器底部做关联，多余高度全部留到了按钮下方
• 提交按钮仅约束了顶部到密码框下方，没有任何底部方向的约束，无法自动对齐到表单底部

按需选择以下两种方案即可：

方案1：固定表单高度，按钮对齐到表单底部 #

如果你需要保留view_form的半屏高度设定，只需给提交按钮增加底部约束，让它对齐到表单容器底部即可，多余空白会自动留在表单顶部的控件上方：

<Button
    android:id="@+id/btnSubmit"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Submit"
    android:layout_marginTop="20dp"
    android:layout_marginBottom="20dp"
    android:background="@color/colorAccent"
    app:layout_constraintTop_toBottomOf="@id/etPassword"
    app:layout_constraintBottom_toBottomOf="@id/view_form"
    app:layout_constraintStart_toStartOf="@id/view_form"
    app:layout_constraintEnd_toEndOf="@id/view_form"/>

如果需要调整控件的垂直分布，还可以给对应控件增加app:layout_constraintVertical_bias属性调整偏移比例。

方案2：表单高度自适应内容，无多余空白 #

如果你不需要view_form固定占半屏高度，可以直接修改view_form的属性，让它高度自适应内部内容，自然就不会出现多余空白：

<View
    android:id="@+id/view_form"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="@dimen/marginTopLogin"
    android:background="@drawable/round_cornered_top_white_bg_drawable"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"/>

移除原来的layout_constraintVertical_weight属性和底部约束，高度改为wrap_content后，表单高度刚好能包裹内部所有输入控件和按钮。

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