ConstraintLayout beta5 wrap_content 没有正确换行
ConstraintLayout beta5 wrap_content doesn't properly wrap
我有一个 XML 布局用于 RecyclerView 中的 ViewHolder。
此布局的根是 ConstraintLayout,其高度设置为 wrap_content
。
在这个平面层次结构中,有 3 个文本视图和一个固定高度的图像视图;想到:
<ConstraintLayout>
<TextView height=wrap>
<TextView height=wrap>
<TextView height=wrap>
<ImageView height=150dp>
</ConstraintLayout>
这是一个相对简单的布局。在 beta4
中,这是它在设计器中的样子(最终在运行时,每个 recyclerView 单元格):
为 "red tape" 道歉,但这是 NDA 等等。
也就是说,元素是:
3 个文本视图(带有漂亮的紫色背景的红色胶带)
高度为 150dp 的 ImageView 是灰色的东西。
紫色背景已应用于根 ConstraintLayout。一切都很好。
现在是这样的,没有对 Beta 5 进行任何修改:
如您所见,紫色(根)约束布局现在 "confused" 并且不再像以前那样包装内容。
我尝试过的事情:
将 app:layout_constraintHeight_default="wrap"
添加到 ConstraintLayout(并展开)。没什么区别。
ImageView 有一个 app:layout_constraintBottom_toBottomOf="parent"
约束,我尝试删除它,但也没有什么不同。
恢复到 beta4 :)
郑重声明,这是完整的布局(由于繁文缛节的原因,id 已重命名,没有 tools:text 或由于相同原因的类似名称)。其他布局完全相同。
<?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!):)
我 filed a bug 关于这个,我有一个解决方法。
这是一个回归问题,将得到修复(我们希望如此)但是……结果我的 Chain 也被错误地定义了。我的 top_bottom_label
没有 底部端点,根据链中的文档元素 应该在两个端点 上连接。
所以我将 app:layout_constraintBottom_toTopOf="@id/imageview"
添加到 top_bottom_label
中,这似乎适用于我的情况。我已经有效地将 imageView 添加到链中,即使我不太关心它。它现在有效。
2017 年 2 月 14 日更新:ConstraintLayout 团队@Google 修复了 master 中的问题。它可能会在下一个版本中修复。 (谢谢!)。
我有一个 XML 布局用于 RecyclerView 中的 ViewHolder。
此布局的根是 ConstraintLayout,其高度设置为 wrap_content
。
在这个平面层次结构中,有 3 个文本视图和一个固定高度的图像视图;想到:
<ConstraintLayout>
<TextView height=wrap>
<TextView height=wrap>
<TextView height=wrap>
<ImageView height=150dp>
</ConstraintLayout>
这是一个相对简单的布局。在 beta4
中,这是它在设计器中的样子(最终在运行时,每个 recyclerView 单元格):
为 "red tape" 道歉,但这是 NDA 等等。
也就是说,元素是:
3 个文本视图(带有漂亮的紫色背景的红色胶带) 高度为 150dp 的 ImageView 是灰色的东西。
紫色背景已应用于根 ConstraintLayout。一切都很好。
现在是这样的,没有对 Beta 5 进行任何修改:
如您所见,紫色(根)约束布局现在 "confused" 并且不再像以前那样包装内容。
我尝试过的事情:
将
app:layout_constraintHeight_default="wrap"
添加到 ConstraintLayout(并展开)。没什么区别。ImageView 有一个
app:layout_constraintBottom_toBottomOf="parent"
约束,我尝试删除它,但也没有什么不同。恢复到 beta4 :)
郑重声明,这是完整的布局(由于繁文缛节的原因,id 已重命名,没有 tools:text 或由于相同原因的类似名称)。其他布局完全相同。
<?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!):)
我 filed a bug 关于这个,我有一个解决方法。
这是一个回归问题,将得到修复(我们希望如此)但是……结果我的 Chain 也被错误地定义了。我的 top_bottom_label
没有 底部端点,根据链中的文档元素 应该在两个端点 上连接。
所以我将 app:layout_constraintBottom_toTopOf="@id/imageview"
添加到 top_bottom_label
中,这似乎适用于我的情况。我已经有效地将 imageView 添加到链中,即使我不太关心它。它现在有效。
2017 年 2 月 14 日更新:ConstraintLayout 团队@Google 修复了 master 中的问题。它可能会在下一个版本中修复。 (谢谢!)。