我正在尝试使用来实现一个简单的聊天气泡ConstraintLayout。这是我要实现的目标：

但是，wrap_content似乎不能在约束条件下正常工作。它尊重边距，但不能正确计算可用空间。这是我的布局：

<?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">

    <TextView
        android:id="@+id/chat_message"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="16dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintHorizontal_bias="0"
        tools:background="@drawable/chat_message_bubble"
        tools:text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sodales accumsan tortor at bibendum."
        android:layout_marginStart="64dp"
        android:layout_marginLeft="64dp"
        android:layout_marginEnd="32dp"
        android:layout_marginRight="32dp"
        android:layout_marginTop="8dp"
        android:layout_marginBottom="8dp" />
</android.support.constraint.ConstraintLayout>

如下所示：

我正在使用com.android.support.constraint:constraint-layout:1.0.0-beta4。

难道我做错了什么？它是错误还是只是非直觉的行为？ConstraintLayout我可以使用来实现正确的行为吗（我知道我可以使用其他布局，我正在ConstrainLayout专门询问）。

过时的：看到更好的答案

不，您不能像今天（1.0 beta 4）那样使用ConstraintLayout来做您想做的事情：

• wrap_content 仅要求窗口小部件进行自我测量，但不会限制其扩展不受最终限制
• match_constraints（0dp）将限制控件的大小...但是即使它们wrap_content较小（您的第一个示例），它们也会匹配它们，这也不是您想要的。

所以，现在，您在这种情况下不走运：-/

现在...我们正在考虑添加额外的功能来match_constraints处理这种确切的情况（行为wrap_content除非大小超出限制）。

我不能保证这个新功能会在1.0版本之前实现。

编辑：我们确实在1.0中添加了此功能的属性app:layout_constraintWidth_default="wrap"（宽度设置为0dp）。如果设置，则小部件将具有与使用wrap_content相同的大小，但是将受到约束的限制（即，它将不会扩展到它们之外）

更新 现在不赞成使用这些标签，而应使用layout_width =“ WRAP_CONTENT”和layout_constrainedWidth =“ true”。

更新（ConstraintLayout 1.1。+）

使用app:layout_constrainedWidth="true"与android:layout_width="wrap_content"

以前（不推荐使用）：

app:layout_constraintWidth_default="wrap" 与 android:layout_width="0dp"

是的，正如Nikolas Roard给出的答案中所述，您应该添加app:layout_constraintWidth_default="wrap"宽度并将其设置为0dp。为了使气泡正确对齐，您应该将设置为1.0 layout_constraintHorizontal_bias。

这是最终的源代码：

<android.support.constraint.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/chat_message"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:padding="16dp"
        android:layout_marginTop="8dp"
        android:layout_marginStart="64dp"
        android:layout_marginEnd="8dp"
        android:layout_marginBottom="8dp"
        app:layout_constraintHorizontal_bias="1.0"
        app:layout_constraintWidth_default="wrap"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        android:background="@drawable/chat_message_bubble"
        android:text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sodales accumsan tortor at bibendum." />

</android.support.constraint.ConstraintLayout>

结果，它看起来像：

就像已经说过的其他答案一样，自ConstraintLayout 1.0起，就可以实现这一点，但是从最新版本（1.1.x）开始，它们已经改变了您的操作方式。

自ConstraintLayout 1.1发行以来，不推荐使用 old app:layout_constraintWidth_default="wrap"和app:layout_constraintHeight_default="wrap"属性。

如果您想提供一种wrap_content行为，但仍对View施加约束，则应将其宽度和/或高度设置为wrap_content与app:layout_constrainedWidth=”true|false”和/或app:layout_constrainedHeight=”true|false”属性结合使用，如docs所述：

WRAP_CONTENT：强制约束（在1.1中添加）如果将维度设置为WRAP_CONTENT，则在1.1之前的版本中，它们将被视为文字维度-意味着，约束不会限制结果维度。通常，这足够了（并且更快），但在某些情况下，您可能想使用WRAP_CONTENT，但仍要强制执行约束以限制结果尺寸。在这种情况下，您可以添加相应的属性之一：

app：layout_constrainedWidth =“ true | false” app：layout_constrainedHeight =“ true | false”

至于最新版本，在我回答此问题时，ConstraintLayout处于版本1.1.2上。

@萨科-roard的回答app:layout_constraintWidth_default="wrap"和android:layout_width="0dp"现在不推荐使用。

继续使用app:layout_constrainedWidth="true"和android:layout_width="wrap_content"。

我不知道弃用的原因。但是它在ConstraintLayout的源代码中正确

我用这个

app:layout_constraintEnd_toEndOf="parent"

你应该更换

android:layout_width="wrap_content"

与

android:layout_width="match_parent"

从您的TextView中，然后相应地调整填充和边距。我已经更新了您的代码，

<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">

<TextView
    android:id="@+id/chat_message"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="8dp"
    android:layout_marginEnd="10dp"
    android:layout_marginLeft="60dp"
    android:layout_marginRight="10dp"
    android:layout_marginStart="60dp"
    android:layout_marginTop="8dp"
    android:padding="16dp"
    app:layout_constraintTop_toTopOf="parent"
    tools:background="#c9c7c7"
    tools:text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sodales accumsan tortor at bibendum." />

你会得到这个结果