android - ConstraintLayout 中元素上方的空间

Question

我遇到这样一种情况，在 ConstraintLayout 中的 UI 元素上方有一些随机空间。在图像中 - 查看 textInput 和 seekBar 元素上方的空间。

我们正在构建一种基于类型的自定义字段形式 - 例如数字输入、文本输入、开关等。我们根据收到的字段类型和内容的 JSONArray 动态构建表单。

除了三种类型:数字输入、文本输入和 slider (seekBar) 之外，一切都完美构建。我没有提供生成表单的代码，因为我认为如果该代码中有内容，每个 fragment 上方都会有这个空间，而不仅仅是这三种特定类型。

这是数字输入的布局文件(除了输入类型和元素 id 外，它看起来与文本输入的布局文件完全相同):

<android.support.constraint.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"
tools:context="our.package.name.custom_fields.type_slider.SliderFragment">

<TextView
    android:id="@+id/displayText"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:textAppearance="@style/Base.TextAppearance.AppCompat.Subhead"
    android:visibility="gone"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

<android.support.design.widget.TextInputLayout
    android:id="@+id/input_layout"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/displayText">

    <android.support.design.widget.TextInputEditText
        android:id="@+id/number_input"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="number" />

</android.support.design.widget.TextInputLayout>
</android.support.constraint.ConstraintLayout>

这是 SeekBar 的布局文件:

<android.support.constraint.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"
tools:context="our.package.name.custom_fields.type_slider.SliderFragment">

<TextView
    android:id="@+id/displayText"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:textAppearance="@style/Base.TextAppearance.AppCompat.Subhead"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

<SeekBar
    android:id="@+id/slider_view"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/displayText" />

</android.support.constraint.ConstraintLayout>

有什么想法吗？

Answer 1

您要求 TextView 位于其父级的中心，然后您要求 TextInputLayout 位于 @+id/displayText 下方。
尝试更改此 Controller 的中心:

<TextView
    android:id="@+id/displayText"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:textAppearance="@style/Base.TextAppearance.AppCompat.Subhead"
    android:visibility="gone"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent" />