From 7c0e5033138ca2979591a8803ae0c3f46c94fef6 Mon Sep 17 00:00:00 2001
From: Natan Votre <nvt@brickabode.com>
Date: Tue, 16 Jun 2020 19:01:55 -0300
Subject: [PATCH] [NY-10591]: [AN]: Fix layouts related to record audio

---
 .../main/res/layout/chat_audiogram_layout.xml | 43 ++++++++++-------
 .../res/layout/chat_mic_recording_layout.xml  | 48 +++++++++++--------
 2 files changed, 54 insertions(+), 37 deletions(-)

diff --git a/app/src/main/res/layout/chat_audiogram_layout.xml b/app/src/main/res/layout/chat_audiogram_layout.xml
index ac5b1f0969..1e2a452026 100644
--- a/app/src/main/res/layout/chat_audiogram_layout.xml
+++ b/app/src/main/res/layout/chat_audiogram_layout.xml
@@ -1,19 +1,22 @@
 <?xml version="1.0" encoding="utf-8"?>
-<LinearLayout android:id="@+id/f_chat_audiogram_container"
-              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:gravity="center_vertical"
-              android:orientation="horizontal"
-              android:paddingEnd="40dp"
-              android:paddingStart="@dimen/margin_small">
+<RelativeLayout
+    android:id="@+id/f_chat_audiogram_container"
+    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="@dimen/send_button_size"
+    android:gravity="center_vertical"
+    android:orientation="horizontal"
+    android:paddingEnd="40dp"
+    android:paddingStart="@dimen/margin_small">
 
     <ImageView
         android:id="@+id/f_chat_record_delete"
         android:layout_width="40dp"
         android:layout_height="@dimen/button_size"
+        android:layout_alignParentStart="true"
+        android:layout_centerInParent="true"
         app:srcCompat="@drawable/v_ic_delete"
         tools:ignore="ContentDescription"/>
 
@@ -21,33 +24,41 @@
         android:id="@+id/f_chat_record_finish_play"
         android:layout_width="40dp"
         android:layout_height="@dimen/button_size"
+        android:layout_centerInParent="true"
+        android:layout_toEndOf="@id/f_chat_record_delete"
         app:srcCompat="@drawable/v_ic_play"
         tools:ignore="ContentDescription"/>
 
     <TextView
         android:id="@+id/f_chat_record_finish_duration"
-        android:layout_width="36dp"
+        android:layout_width="wrap_content"
         android:layout_height="wrap_content"
+        android:layout_centerInParent="true"
+        android:layout_toEndOf="@id/f_chat_record_finish_play"
         android:textColor="@color/white"
-        tools:text="0:12"/>
+        tools:text="00:12"/>
 
     <com.nynja.mobile.communicator.ui.views.WaveFormView
         android:id="@+id/f_chat_record_finish_audiogram"
         android:layout_width="0dp"
         android:layout_height="36dp"
-        android:layout_marginEnd="8dp"
         android:layout_marginStart="8dp"
-        android:layout_weight="1"
-        app:wf_waveProgressColor="@color/colorAccent"/>
+        android:layout_marginEnd="8dp"
+        android:layout_centerInParent="true"
+        android:layout_toStartOf="@id/f_chat_record_finish_send"
+        android:layout_toEndOf="@id/f_chat_record_finish_duration"
+        app:wf_waveProgressColor="@color/colorAccent" />
 
     <ImageButton
         android:id="@+id/f_chat_record_finish_send"
         android:layout_width="80dp"
         android:layout_height="@dimen/send_button_size"
+        android:layout_alignParentEnd="true"
         android:background="@drawable/chat_shape_enter_text"
         android:paddingEnd="55dp"
         android:paddingStart="15dp"
         android:scaleType="center"
         app:srcCompat="@drawable/v_button_send"
         tools:ignore="ContentDescription"/>
-</LinearLayout>
\ No newline at end of file
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/chat_mic_recording_layout.xml b/app/src/main/res/layout/chat_mic_recording_layout.xml
index d87b433d0e..c3feb32272 100644
--- a/app/src/main/res/layout/chat_mic_recording_layout.xml
+++ b/app/src/main/res/layout/chat_mic_recording_layout.xml
@@ -1,39 +1,45 @@
 <?xml version="1.0" encoding="utf-8"?>
-<LinearLayout android:id="@+id/f_chat_mic_recording_container"
-              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="@dimen/send_button_size"
-              android:gravity="center_vertical"
-              android:orientation="horizontal"
-              android:paddingEnd="40dp"
-              android:paddingStart="@dimen/margin_small">
+<RelativeLayout
+    android:id="@+id/f_chat_mic_recording_container"
+    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:gravity="center_vertical"
+    android:orientation="horizontal"
+    android:paddingEnd="40dp"
+    android:paddingStart="@dimen/margin_small">
 
     <ImageView
         android:id="@+id/f_chat_start_mic_record"
         android:layout_width="32dp"
-        android:layout_height="32dp"
-        android:layout_marginBottom="6dp"
-        android:layout_marginTop="6dp"
+        android:layout_height="@dimen/button_size"
+        android:layout_marginEnd="2dp"
+        android:layout_alignParentStart="true"
+        android:layout_centerInParent="true"
         android:padding="6dp"
         android:src="@drawable/rec_circle"
         tools:ignore="ContentDescription"/>
 
     <TextView
         android:id="@+id/f_chat_record_duration"
-        android:layout_width="36dp"
+        android:layout_width="wrap_content"
         android:layout_height="wrap_content"
+        android:layout_centerInParent="true"
+        android:layout_toEndOf="@id/f_chat_start_mic_record"
         android:textColor="@color/white"
-        tools:text="0:12"/>
+        tools:text="00:12"/>
 
     <com.nynja.mobile.communicator.ui.views.WaveFormView
         android:id="@+id/f_record_wave"
-        android:layout_width="match_parent"
+        android:layout_width="0dp"
         android:layout_height="36dp"
-        android:layout_marginEnd="8dp"
         android:layout_marginStart="8dp"
-        android:layout_weight="1"
+        android:layout_marginEnd="8dp"
+        android:layout_centerInParent="true"
+        android:layout_toEndOf="@id/f_chat_record_duration"
+        android:layout_toStartOf="@+id/f_chat_record_button"
         android:gravity="center_vertical"
         app:max_columns="50"
         app:wf_waveProgressColor="@color/colorAccent"/>
@@ -41,12 +47,12 @@
     <ImageButton
         android:id="@+id/f_chat_record_button"
         android:layout_width="80dp"
-        android:layout_height="match_parent"
+        android:layout_height="@dimen/send_button_size"
+        android:layout_alignParentEnd="true"
         android:background="@drawable/chat_shape_enter_text"
         android:paddingEnd="55dp"
         android:paddingStart="15dp"
         app:srcCompat="@drawable/v_ic_voice"
         tools:ignore="ContentDescription"/>
 
-
-</LinearLayout>
\ No newline at end of file
+</RelativeLayout>
-- 
GitLab