Full voice message UI

This commit is contained in:
Niels Andriesse
2021-06-21 13:36:45 +10:00
parent ac718a425d
commit 6d9eb0a932
4 changed files with 107 additions and 25 deletions

View File

@@ -1,41 +1,70 @@
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/mainVoiceMessageViewContainer"
android:layout_width="160dp"
android:layout_height="36dp"
android:orientation="horizontal"
android:padding="@dimen/small_spacing"
android:gravity="center">
android:layout_height="36dp">
<RelativeLayout
android:layout_width="20dp"
android:layout_height="20dp"
android:background="@drawable/circle_tintable"
android:backgroundTint="@color/white">
<ImageView
android:layout_width="16dp"
android:layout_height="16dp"
android:src="@drawable/exo_icon_play"
android:layout_centerInParent="true"
app:tint="@color/black" />
</RelativeLayout>
<View
android:id="@+id/progressView"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_alignParentStart="true"
android:background="@color/black"
android:alpha="0.2" />
<View
android:layout_width="84dp"
android:layout_height="1dp"
android:layout_marginStart="28dp"
android:layout_centerVertical="true"
android:background="@color/white" />
<RelativeLayout
android:layout_width="36dp"
android:layout_height="36dp"
android:layout_alignParentStart="true">
<RelativeLayout
android:layout_width="20dp"
android:layout_height="20dp"
android:layout_centerInParent="true"
android:background="@drawable/circle_tintable"
android:backgroundTint="@color/white">
<ImageView
android:id="@+id/voiceMessagePlaybackImageView"
android:layout_width="16dp"
android:layout_height="16dp"
android:src="@drawable/exo_icon_play"
android:layout_centerInParent="true"
app:tint="@color/black" />
</RelativeLayout>
<ProgressBar
android:id="@+id/voiceMessageViewLoader"
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_centerInParent="true"
android:indeterminate="true"
android:indeterminateTint="@color/white" />
</RelativeLayout>
<TextView
android:id="@+id/voiceMessageViewDurationTextView"
android:layout_width="40dp"
android:layout_height="20dp"
android:text="0:08"
android:layout_centerVertical="true"
android:layout_alignParentEnd="true"
android:layout_marginEnd="@dimen/small_spacing"
android:gravity="center"
android:text="0:08"
android:textColor="@color/black"
android:textSize="@dimen/small_font_size"
android:background="@drawable/view_voice_message_duration_text_view_background"
android:backgroundTint="@color/white" />
</LinearLayout>
</RelativeLayout>

View File

@@ -8,7 +8,7 @@
<item name="home_gradient_start">#00FFFFFF</item>
<item name="home_gradient_end">#FFFFFFFF</item>
<item name="message_received_background_color">#F5F5F5</item>
<item name="message_received_background_color">#F2F2F2</item>
<item name="message_sent_background_color">#00E076</item>
<item name="android:statusBarColor">@android:color/black</item>