<?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:layout_marginBottom="12dp" android:layout_marginEnd="@dimen/screen_edge_left_and_right_margins" android:layout_marginStart="@dimen/screen_edge_left_and_right_margins" android:layout_marginTop="12dp"> <android.support.constraint.ConstraintLayout android:id="@+id/avatar_container" android:layout_width="wrap_content" android:layout_height="wrap_content" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toLeftOf="@+id/middle_container" app:layout_constraintTop_toTopOf="parent"> <com.facebook.drawee.view.SimpleDraweeView android:id="@+id/image_user_avatar" android:layout_width="40dp" android:layout_height="40dp" android:visibility="gone" app:roundAsCircle="true" /> <ImageView android:id="@+id/image_room_avatar" android:layout_width="40dp" android:layout_height="40dp" android:visibility="gone" tools:ignore="contentDescription" /> </android.support.constraint.ConstraintLayout> <android.support.constraint.ConstraintLayout android:id="@+id/middle_container" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_marginEnd="16dp" android:layout_marginStart="16dp" app:layout_constraintLeft_toRightOf="@+id/avatar_container" app:layout_constraintRight_toLeftOf="@+id/right_container"> <TextView android:id="@+id/text_chat_name" style="@style/TextAppearance.AppCompat.Title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:drawablePadding="5dp" android:ellipsize="end" android:maxLines="1" tools:text="General" /> <TextView android:id="@+id/text_last_message" android:layout_width="0dp" android:layout_height="wrap_content" android:ellipsize="end" android:maxLines="2" app:layout_constraintTop_toBottomOf="@+id/text_chat_name" tools:text="You: Type something" /> </android.support.constraint.ConstraintLayout> <android.support.constraint.ConstraintLayout android:id="@+id/right_container" android:layout_width="wrap_content" android:layout_height="wrap_content" app:layout_constraintRight_toRightOf="parent"> <TextView android:id="@+id/text_last_message_date_time" style="@style/TextAppearance.AppCompat.Caption" android:layout_width="wrap_content" android:layout_height="wrap_content" app:layout_constraintBottom_toTopOf="@+id/guideline_one" app:layout_constraintRight_toRightOf="@+id/text_total_unread_messages" tools:text="11:45" /> <TextView android:id="@+id/text_total_unread_messages" style="@style/TextAppearance.AppCompat.Caption" android:layout_width="20dp" android:layout_height="20dp" android:background="@drawable/style_total_unread_messages" android:gravity="center" android:textColor="@color/white" android:textSize="10sp" android:visibility="gone" app:layout_constraintBottom_toTopOf="@+id/guideline_two" app:layout_constraintRight_toRightOf="parent" tools:text="99+" tools:visibility="visible" /> <android.support.constraint.Guideline android:id="@+id/guideline_one" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" app:layout_constraintGuide_begin="22dp" /> <android.support.constraint.Guideline android:id="@+id/guideline_two" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" app:layout_constraintGuide_begin="48dp" /> </android.support.constraint.ConstraintLayout> </android.support.constraint.ConstraintLayout>