session-android/res/layout/message_audio_view.xml

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android"
       xmlns:tools="http://schemas.android.com/tools"
       xmlns:app="http://schemas.android.com/apk/res-auto"
       tools:context="org.thoughtcrime.securesms.loki.views.MessageAudioView">

    <LinearLayout android:id="@+id/audio_widget_container"
                  android:orientation="vertical"
                  android:layout_width="match_parent"
                  android:layout_height="wrap_content">

        <LinearLayout android:layout_width="fill_parent"
                      android:layout_height="fill_parent"
                      android:orientation="horizontal">

            <org.thoughtcrime.securesms.components.AnimatingToggle
                    android:id="@+id/control_toggle"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:gravity="center">

                <com.pnikosis.materialishprogress.ProgressWheel
                        android:id="@+id/download_progress"
                        android:layout_width="48dp"
                        android:layout_height="48dp"
                        android:visibility="gone"
                        android:layout_gravity="center"
                        app:matProg_barColor="@color/white"
                        app:matProg_linearProgress="true"
                        app:matProg_spinSpeed="0.333"
                        tools:visibility="gone"/>

                <ImageView android:id="@+id/play"
                           android:layout_width="wrap_content"
                           android:layout_height="wrap_content"
                           android:layout_gravity="center_vertical"
                           android:gravity="center_vertical"
                           android:clickable="true"
                           android:visibility="gone"
                           android:background="@drawable/circle_touch_highlight_background"
                           android:src="@drawable/ic_baseline_play_circle_filled_48"
                           android:scaleType="centerInside"
                           android:contentDescription="@string/audio_view__play_accessibility_description"
                           tools:visibility="visible"/>

                <ImageView android:id="@+id/pause"
                           android:layout_width="wrap_content"
                           android:layout_height="wrap_content"
                           android:layout_gravity="center_vertical"
                           android:gravity="center_vertical"
                           android:clickable="true"
                           android:visibility="gone"
                           android:background="@drawable/circle_touch_highlight_background"
                           android:src="@drawable/ic_baseline_pause_circle_filled_48"
                           android:scaleType="centerInside"
                           android:contentDescription="@string/audio_view__pause_accessibility_description"
                           tools:visibility="gone"/>

                <ImageView android:id="@+id/download"
                           android:layout_width="wrap_content"
                           android:layout_height="wrap_content"
                           android:layout_gravity="center_vertical"
                           android:clickable="true"
                           android:visibility="gone"
                           android:background="@drawable/circle_touch_highlight_background"
                           android:src="@drawable/ic_download_circle_filled_48"
                           android:contentDescription="@string/audio_view__download_accessibility_description"
                           tools:visibility="gone"/>

            </org.thoughtcrime.securesms.components.AnimatingToggle>

            <!-- TODO: Extract styling attributes into a theme. -->
            <org.thoughtcrime.securesms.loki.views.WaveformSeekBar
                     android:id="@+id/seek"
                     android:layout_width="0dp"
                     android:layout_height="38dp"
                     android:layout_weight="1"
                     android:layout_gravity="center_vertical"
                     android:layout_marginStart="4dp"
                     android:layout_marginEnd="4dp"
                     app:bar_gravity="center"
                     app:bar_width="4dp"
                     app:bar_corner_radius="2dp"
                     app:bar_gap="1dp"
                     tools:progress="0.5"
                     tools:bar_background_color="#bbb"
                     tools:bar_progress_color="?colorPrimary"/>

            <TextView android:id="@+id/total_duration"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:textAppearance="?android:attr/textAppearanceSmall"
                android:textSize="@dimen/conversation_item_date_text_size"
                android:fontFamily="sans-serif-light"
                android:autoLink="none"
                android:visibility="gone"
                tools:text="0:05"
                tools:visibility="visible"/>

        </LinearLayout>

    </LinearLayout>

</merge>