android - ConstraintLayout 隐藏最后一行 TextView 与 app :layout_constrainedHeight ="true"

Question

我注意到 ConstraintLayout 的奇怪行为(版本 1.1.3)隐藏 TextView 的最后一行每当我尝试将高度与 wrap_content 一起使用时属性(property)和layout_constrainedHeight设置为 true .

与 layout_constrainedHeight :



没有layout_constrainedHeight :



源代码:

<?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"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_margin="16dp"
        android:text="Lorem..."
        app:layout_constrainedHeight="true"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

我以为每当我想使用 wrap_content与 ConstraintLayout我必须设置 layout_constrainedHeight是真的，但这有时会给我带来奇怪的错误。我错过了什么吗？

编辑

如果我删除 TextView 周围的边距，它工作正常。看来 ConstraintLayout wrap_content 有问题和边距。

Answer 1

根据documentation :

WRAP_CONTENT : enforcing constraints (Added in 1.1)

If a dimension is set to WRAP_CONTENT, in versions before 1.1 they will be treated as a literal dimension -- meaning, constraints will not limit the resulting dimension. While in general this is enough (and faster), in some situations, you might want to use WRAP_CONTENT, yet keep enforcing constraints to limit the resulting dimension. In that case, you can add one of the corresponding attribute:

app:layout_constrainedWidth=”true|false”

app:layout_constrainedHeight=”true|false”

我将强调这句话的一部分:
继续执行约束以限制结果维度

所以基本上，设置 layout_constrainedHeight或 layout_constrainedWidth至 true将保留约束并按指定的边距减小 View 大小，而不是插入所有其他 View 并增加当前 View 的高度/宽度以适应内容。

这是 app:layout_constrainedHeight="true" 的示例和 app:layout_constrainedWidth=”true”和不同的利润。红色 TextView包装它的内容，然后缩小尺寸。绿色 TextView没有 app:layout_constrained...="true"属性和边距设置。它们的高度相等，但最终宽度不同。



布局:

<?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"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/top_text_view"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="86dp"
        android:layout_marginEnd="26dp"
        android:background="#ff2356"
        android:text="@string/lorem_kind_of"
        android:textColor="@android:color/white"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"


        app:layout_constrainedHeight="true"/> <!-- This line is the only difference -->

    <TextView
        android:id="@+id/bottom_text_view"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="86dp"
        android:layout_marginEnd="26dp"
        android:background="#009900"
        android:text="@string/lorem_kind_of"
        android:textColor="@android:color/white"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/top_text_view" />

</androidx.constraintlayout.widget.ConstraintLayout>

我的猜测是您可能不需要使用 app:layout_constrainedHeight属性。欢迎您发表评论，如果我的回答不能解决您的问题，我们将进一步详细说明。

更新(2020 年 5 月 22 日)

看起来您想要的行为只有在没有 app:layout_constrainedHeight="true" 的情况下才能实现.我可能错了，这取决于最终想要的结果，但根据我的“实验”看起来像 app:layout_constrainedHeight限制 View 进一步增长它的最小尺寸。

我更新了 XML 代码并记录了 a little video看看有什么不同。