Start changing video control UI.

1 files changed, 109 insertions, 28 deletions

diff --git a/app/src/main/res/layout/exo_playback_control_view.xml b/app/src/main/res/layout/exo_playback_control_view.xml
index ff97f5dc..096a6f5b 100644
--- a/app/src/main/res/layout/exo_playback_control_view.xml
+++ b/app/src/main/res/layout/exo_playback_control_view.xml
@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout 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:id="@+id/linear_layout_exo_playback_control_view"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
@@ -8,40 +9,120 @@
     android:paddingStart="16dp"
     android:paddingEnd="16dp"
     android:paddingBottom="16dp"
-    android:background="@color/transparentActionBarAndExoPlayerControllerColor"
+    android:background="@drawable/trending_search_title_background"
     android:orientation="vertical">
 
-    <LinearLayout
+    <TextView
+        android:id="@+id/title_text_view_exo_playback_control_view"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_weight="1"
+        android:layout_gravity="center_vertical"
+        android:gravity="center_vertical"
+        android:paddingTop="8dp"
+        android:paddingBottom="8dp"
+        android:textColor="#FFFFFF"
+        android:textSize="?attr/font_20"
+        android:fontFamily="?attr/font_family"
+        android:maxLines="1"
+        android:ellipsize="end" />
+
+    <androidx.constraintlayout.widget.ConstraintLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:gravity="center"
-        android:paddingTop="4dp"
-        android:orientation="horizontal">
-
-        <ImageButton android:id="@id/exo_rew"
-            style="@style/ExoMediaButton.Rewind" />
+        android:orientation="horizontal"
+        android:paddingTop="4dp">
 
-        <ImageButton android:id="@id/exo_play"
-            style="@style/ExoMediaButton.Play"/>
-
-        <ImageButton android:id="@id/exo_pause"
-            style="@style/ExoMediaButton.Pause" />
-
-        <ImageButton android:id="@id/exo_ffwd"
-            style="@style/ExoMediaButton.FastForward" />
-
-        <ImageButton
+        <com.google.android.material.button.MaterialButton
             android:id="@+id/mute_exo_playback_control_view"
-            style="@style/ExoMediaButton"
-            android:visibility="gone" />
-
-        <ImageButton
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            app:strokeWidth="0dp"
+            app:iconSize="24dp"
+            app:iconTint="@null"
+            android:visibility="gone"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            style="?attr/materialIconButtonOutlinedStyle" />
+
+        <com.google.android.material.button.MaterialButton
+            android:id="@id/exo_rew"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            app:strokeWidth="0dp"
+            app:icon="@drawable/ic_fast_rewind_24dp"
+            app:iconSize="24dp"
+            app:iconTint="@null"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toStartOf="@+id/exo_play"
+            app:layout_constraintHorizontal_bias="0.5"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintHorizontal_chainStyle="packed"
+            style="?attr/materialIconButtonOutlinedStyle" />
+
+        <com.google.android.material.button.MaterialButton
+            android:id="@id/exo_play"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            app:strokeWidth="0dp"
+            app:icon="@drawable/ic_play_arrow_24dp"
+            app:iconSize="24dp"
+            app:iconTint="@null"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toStartOf="@+id/exo_pause"
+            app:layout_constraintHorizontal_bias="0.5"
+            app:layout_constraintStart_toEndOf="@+id/exo_rew"
+            style="?attr/materialIconButtonOutlinedStyle" />
+
+        <com.google.android.material.button.MaterialButton
+            android:id="@id/exo_pause"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            app:strokeWidth="0dp"
+            app:icon="@drawable/ic_pause_24dp"
+            app:iconSize="24dp"
+            app:iconTint="@null"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toStartOf="@+id/exo_ffwd"
+            app:layout_constraintHorizontal_bias="0.5"
+            app:layout_constraintStart_toEndOf="@+id/exo_play"
+            style="?attr/materialIconButtonOutlinedStyle" />
+
+        <com.google.android.material.button.MaterialButton
+            android:id="@id/exo_ffwd"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            app:strokeWidth="0dp"
+            app:icon="@drawable/ic_fast_forward_24dp"
+            app:iconSize="24dp"
+            app:iconTint="@null"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintHorizontal_bias="0.5"
+            app:layout_constraintStart_toEndOf="@+id/exo_pause"
+            style="?attr/materialIconButtonOutlinedStyle" />
+
+        <com.google.android.material.button.MaterialButton
             android:id="@+id/hd_exo_playback_control_view"
-            android:src="@drawable/ic_video_quality_24dp"
-            style="@style/ExoMediaButton"
-            android:visibility="gone" />
-
-    </LinearLayout>
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:visibility="gone"
+            app:strokeWidth="0dp"
+            app:icon="@drawable/ic_video_quality_24dp"
+            app:iconSize="24dp"
+            app:iconTint="@null"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            style="?attr/materialIconButtonOutlinedStyle" />
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
 
     <LinearLayout
         android:layout_width="match_parent"
@@ -97,7 +178,7 @@
             android:layout_width="match_parent"
             android:layout_height="wrap_content">
 
-            <TextView
+            <!--<TextView
                 android:id="@+id/title_text_view_exo_playback_control_view"
                 android:layout_width="0dp"
                 android:layout_height="wrap_content"
@@ -110,7 +191,7 @@
                 android:textSize="?attr/font_20"
                 android:fontFamily="?attr/font_family"
                 android:maxLines="1"
-                android:ellipsize="end" />
+                android:ellipsize="end" />-->
 
             <ImageView
                 android:id="@+id/download_image_view_exo_playback_control_view"