app/src/main/res/layout/item_message_received.xml
<?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"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingTop="8dp">
<de.hdodenhof.circleimageview.CircleImageView
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/avatar"
android:layout_alignParentLeft="true"
android:layout_width="64dp"
android:layout_height="64dp"
android:layout_centerHorizontal="true"
android:padding="8dp"
android:layout_marginTop="15dp"
android:src="@drawable/user_photo_default"
android:elevation="5dp"
android:scaleType="centerCrop"
app:srcCompat="@drawable/ic_man"
app:civ_border_width="1dp"
app:civ_border_color="#ecf0f1"/>
<TextView
android:id="@+id/text_message_name"
android:text="anonymous"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="12sp"
app:layout_constraintLeft_toRightOf="@+id/avatar"
android:layout_marginLeft="8dp"
app:layout_constraintTop_toTopOf="parent"
android:layout_marginTop="4dp" />
<TextView
android:id="@+id/text_message_body"
android:background="@drawable/message_received"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:maxWidth="240dp"
android:padding="8dp"
android:textColor="#ffffff"
android:layout_marginTop="4dp"
app:layout_constraintTop_toBottomOf="@+id/text_message_name"
app:layout_constraintLeft_toRightOf="@+id/avatar"
android:layout_marginLeft="8dp" />
<TextView
android:id="@+id/text_message_time"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="10sp"
app:layout_constraintLeft_toRightOf="@+id/text_message_body"
android:layout_marginLeft="4dp"
app:layout_constraintBottom_toBottomOf="@+id/text_message_body" />
</android.support.constraint.ConstraintLayout>