как правильно отображать время в макете сообщений
Я новичок в разработке приложений для Android. Я создаю приложение для обмена сообщениями. и мне нужна помощь, как правильно отображать время в макете сообщения, как на этом скриншоте
вот как я это делаю сейчас
<LinearLayout
style="?background_solid_primary_radius_14"
android:id="@+id/chat_background"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="right"
tools:background="@drawable/background_solid_primary_radius_14"
android:paddingLeft="12dp"
android:paddingRight="10dp"
android:orientation="horizontal"
android:visibility="visible">
<LinearLayout
android:id="@+id/user_massage"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="6dp"
android:layout_weight="100"
android:orientation="vertical"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/time_container_top"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:id="@+id/user_message_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="6dp"
android:autoLink="map|web"
android:textColorLink="?clear"
android:fontFamily="@font/pt_root_ui_regular"
android:text="tf fd d d d d f f s d d f"
android:textColor="?clear"
android:textSize="16sp" />
</LinearLayout>
</LinearLayout>
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/time_container_top"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:layout_marginBottom="7dp"
android:orientation="horizontal"
android:paddingLeft="4dp"
android:visibility="visible"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent">
<com.google.android.material.progressindicator.CircularProgressIndicator
android:id="@+id/message_status_0"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:indeterminate="true"
android:visibility="gone"
app:indicatorColor="?inactive"
app:indicatorSize="8dp"
app:layout_constraintBottom_toBottomOf="@+id/user_message_date_top"
app:layout_constraintEnd_toStartOf="@+id/user_message_date_top"
app:layout_constraintTop_toTopOf="@+id/user_message_date_top"
app:trackThickness="2dp" />
<FrameLayout
android:id="@+id/message_status_container"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintBottom_toBottomOf="@+id/user_message_date_top"
app:layout_constraintEnd_toStartOf="@+id/user_message_date_top"
app:layout_constraintTop_toTopOf="@+id/user_message_date_top">
<TextView
android:id="@+id/message_status"
android:layout_width="8dp"
android:layout_height="8dp"
android:layout_gravity="center"
android:layout_margin="4dp"
android:background="@drawable/chat_status_1"
android:visibility="visible"
app:layout_constraintBottom_toBottomOf="@+id/user_message_date_top"
app:layout_constraintEnd_toStartOf="@+id/user_message_date_top"
app:layout_constraintTop_toTopOf="@+id/user_message_date_top" />
</FrameLayout>
<TextView
android:id="@+id/user_message_date_top"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="12:12"
android:textColor="?colorPrimary_2nd"
tools:textColor="@color/colorPrimary_2nd"
android:textSize="10sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
</LinearLayout>