无法在ConstraintLayout中定位TextView

Question

我遇到问题unapply位于TextView的另一个TextView之上而没有与底部元素重叠。我已尝试将ConstraintLayout和paddingBottom值添加到marginBottom，但似乎没有让步。任何见解？

预期渲染

TextView

实际渲染

布局

+---------------------------------+
|    7/12/2017                    |
|_______ ________________         |
||     | |              |         |
||Image| |  Text Bubble |         |
||_____| |______________|         |
|_________________________________|

Answer 1

在创建布局时，我会考虑每个视图将依赖哪些视图，然后首先布置不依赖于任何内容的视图。

听起来你的时间戳不依赖于父母的任何东西。您的图像取决于父级和时间戳。而你的泡沫取决于图像。

这是我写的那个XML。当然，您可以根据需要调整边距/填充。

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

    <TextView
        android:id="@+id/rec_message_time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="12dp"
        android:layout_marginLeft="16dp"
        android:textSize="10sp"
        android:text="7/19/2017 11:05 AM"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"/>

    <ImageView
        android:id="@+id/rec_image_message_profile"
        android:layout_width="36dp"
        android:layout_height="36dp"
        android:layout_marginTop="4dp"
        android:src="@drawable/circle"
        app:layout_constraintTop_toBottomOf="@+id/rec_message_time"
        app:layout_constraintLeft_toLeftOf="@+id/rec_message_time"/>

    <TextView
        android:id="@+id/rec_message_body"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="8dp"
        android:maxWidth="240dp"
        android:padding="8dp"
        android:textColor="#39454C"
        android:text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
        android:background="@drawable/oval"
        app:layout_constraintTop_toTopOf="@id/rec_image_message_profile"
        app:layout_constraintLeft_toRightOf="@id/rec_image_message_profile"/>

</android.support.constraint.ConstraintLayout>