Unify Material3 theme, add labels for action button, add gradient ove…

…rlay under button panel

app/src/main/res/drawable/gradient_overlay.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <gradient
+        android:startColor="@android:color/transparent"
+        android:endColor="#AA000000"
+        android:angle="270"/>
+</shape>

app/src/main/res/layout/action_panel.xml

@@ -1,8 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
-    android:layout_height="match_parent"
-    xmlns:app="http://schemas.android.com/apk/res-auto">
+    android:layout_height="match_parent">
 
     <LinearLayout
         android:id="@+id/action_panel_layout"
@@ -14,25 +13,53 @@
         android:layout_marginBottom="64dp"
         android:visibility="visible">
 
-        <com.google.android.material.floatingactionbutton.FloatingActionButton
-            android:id="@+id/exit_button"
-            style="@style/Widget.Mirror.FloatingActionButton"
+        <!-- Wrapper for Exit Button and Label -->
+        <LinearLayout
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:layout_gravity="bottom|end"
-            android:layout_margin="16dp"
-            android:contentDescription="@string/exit"
-            android:src="@android:drawable/ic_menu_close_clear_cancel" />
-
-        <com.google.android.material.floatingactionbutton.FloatingActionButton
-            android:id="@+id/freeze_button"
-            style="@style/Widget.Mirror.FloatingActionButton"
+            android:orientation="vertical"
+            android:layout_margin="16dp">
+
+            <com.google.android.material.floatingactionbutton.FloatingActionButton
+                android:id="@+id/exit_button"
+                style="@style/Widget.Mirror.FloatingActionButton"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:contentDescription="@string/exit"
+                android:src="@android:drawable/ic_menu_close_clear_cancel" />
+
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:gravity="center"
+                android:text="@string/exit"
+                android:textColor="@color/white" />
+
+        </LinearLayout>
+
+        <!-- Wrapper for Freeze Button and Label -->
+        <LinearLayout
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:layout_gravity="bottom|end"
-            android:layout_margin="16dp"
-            android:contentDescription="@string/exit"
-            android:src="@android:drawable/ic_media_pause" />
+            android:orientation="vertical"
+            android:layout_margin="16dp">
+
+            <com.google.android.material.floatingactionbutton.FloatingActionButton
+                android:id="@+id/freeze_button"
+                style="@style/Widget.Mirror.FloatingActionButton"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:contentDescription="@string/freeze"
+                android:src="@android:drawable/ic_media_pause" />
+
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:gravity="center"
+                android:text="@string/freeze"
+                android:textColor="@color/white" />
+
+        </LinearLayout>
 
     </LinearLayout>
-</RelativeLayout>
+</RelativeLayout>

app/src/main/res/layout/activity_main.xml

@@ -10,7 +10,8 @@
     <androidx.camera.view.PreviewView
         android:id="@+id/preview_view"
         android:layout_width="match_parent"
-        android:layout_height="match_parent" />
+        android:layout_height="match_parent" >
+    </androidx.camera.view.PreviewView>
 
     <ImageView
         android:id="@+id/stop_view"
@@ -19,6 +20,15 @@
         android:scaleType="centerCrop"
         android:contentDescription="@string/stop_view_desc" />
 
+    <View
+        android:layout_width="match_parent"
+        android:layout_height="256dp"
+        android:layout_gravity="bottom"
+        android:background="@drawable/gradient_overlay"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent" />
+
     <include layout="@layout/action_panel" />
 
 </androidx.constraintlayout.widget.ConstraintLayout>