ConstraintLayout beta5 wrap_content没有正确包装

时间:2017-02-10 20:20:36

标签: android android-constraintlayout constraint-layout-chains

我在RecyclerView中有一个ViewHolder的XML布局。

此布局的根是ConstraintLayout,其高度设置为wrap_content

在这个平面层次结构中,有3个文本视图和一个具有固定高度的图像视图;想到:

<ConstraintLayout>
     <TextView height=wrap>
     <TextView height=wrap>
     <TextView height=wrap>
     <ImageView height=150dp>
</ConstraintLayout>

这是一个相对简单的布局。在beta4这是它在Designer中的外观(最终在运行时,每个recyclerView单元格):

Beta4

为“繁文缛节”道歉,但这是NDA等等。

话虽如此,元素是:

3个文本视图(红色录制带有漂亮的紫色背景) 高度为150dp的ImageView是灰色的。

紫色背景应用于根ConstraintLayout。一切都很好。

现在这就是它的外观,不需要对Beta 5进行任何修改:

beta5

正如您所看到的,紫色(根)约束布局现在“混乱”,并且不会像过去那样包装内容。

我尝试的事情:

  1. app:layout_constraintHeight_default="wrap"添加到ConstraintLayout(并传播)。没有什么区别。

  2. ImageView有一个app:layout_constraintBottom_toBottomOf="parent"约束我尝试删除,也没有任何区别。

  3. 恢复到beta4:)

  4. 对于记录,这是完整的布局(由于相同的原因,id已经因为繁文缛节的原因而重命名,没有工具:文本或类似的)。布局完全相同。

    <?xml version="1.0" encoding="utf-8"?>
    <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="wrap_content"
        android:background="@color/colorAccent">
    
        <TextView
            android:id="@+id/toplabel"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="8dp"
            android:layout_marginTop="8dp"
            android:text=""
            android:textStyle="bold"
            app:layout_constraintBottom_toBottomOf="@+id/top_bottom_label"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toLeftOf="@+id/top_right_label"
            app:layout_constraintTop_toTopOf="parent" />
    
        <TextView
            android:id="@+id/top_right_label"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginEnd="8dp"
            android:layout_marginTop="8dp"
            android:ellipsize="end"
            android:gravity="end"
            android:maxLines="1"
            android:text=""
            app:layout_constraintBottom_toTopOf="@+id/top_bottom_label"
            app:layout_constraintHorizontal_bias="1.0"
            app:layout_constraintLeft_toRightOf="@+id/toplabel"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintVertical_chainStyle="packed" />
    
        <TextView
            android:id="@+id/top_bottom_label"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginEnd="8dp"
            android:layout_marginTop="8dp"
            android:ellipsize="end"
            android:gravity="end"
            android:maxLines="1"
            android:text=""
            app:layout_constraintHorizontal_bias="1.0"
            app:layout_constraintLeft_toRightOf="@+id/toplabel"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/top_right_label" />
    
        <ImageView
            android:id="@+id/imageview"
            android:layout_width="0dp"
            android:layout_height="150dp"
            android:layout_marginTop="8dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/top_bottom_label"
            app:srcCompat="@android:color/darker_gray" />
    
    </android.support.constraint.ConstraintLayout>
    

    我应该做些不同的事吗? (我知道我可以用RelativeLayout替换它,也可能做同样的事情,但无论如何......我相信在ConstraintLayout中!):)

1 个答案:

答案 0 :(得分:6)

filed a bug关于此事,我得到了一个解决方法。

它是一个回归并且将被修复(我们希望)但是......结果我的链也被错误地定义了。我的top_bottom_label 没有底部端点,并且根据文档链中的元素应该在两个端点上连接

所以我将app:layout_constraintBottom_toTopOf="@id/imageview"添加到top_bottom_label,这似乎适用于我的情况。我有效地将imageView添加到链中,即使我也不太关心它。它现在有效。

2017年2月14日更新:ConstraintLayout团队@ Google在master中修复了此问题。它可能会在下一个版本中修复。 (谢谢!)。