From c947105a1f49cd94ba69835bde2779c0ca657494 Mon Sep 17 00:00:00 2001
From: Jannik <seil0@mosad.xyz>
Date: Tue, 13 Oct 2020 00:14:03 +0200
Subject: [PATCH] use material components button in media fragment

---
 app/src/main/AndroidManifest.xml           |  2 +-
 app/src/main/res/layout/activity_main.xml  |  2 +-
 app/src/main/res/layout/fragment_media.xml | 18 +++++++-----------
 app/src/main/res/values/styles.xml         |  4 ++--
 4 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index 9e768e4..13c354b 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -15,7 +15,7 @@
             android:name=".PlayerActivity"
             android:label="@string/app_name"
             android:configChanges="orientation|screenSize|layoutDirection"
-            android:theme="@style/AppTheme.AppCompat.Light.NoActionBar.FullScreen" />
+            android:theme="@style/AppTheme.MaterialComponents.Light.NoActionBar.FullScreen" />
         <activity
             android:name=".MainActivity"
             android:label="@string/app_name"
diff --git a/app/src/main/res/layout/activity_main.xml b/app/src/main/res/layout/activity_main.xml
index 750eb39..0ed9f2f 100644
--- a/app/src/main/res/layout/activity_main.xml
+++ b/app/src/main/res/layout/activity_main.xml
@@ -17,7 +17,7 @@
         app:layout_constraintRight_toRightOf="parent"
         app:menu="@menu/bottom_nav_menu" />
 
-    <fragment
+    <androidx.fragment.app.FragmentContainerView
         android:id="@+id/nav_host_fragment"
         android:name="androidx.navigation.fragment.NavHostFragment"
         android:layout_width="match_parent"
diff --git a/app/src/main/res/layout/fragment_media.xml b/app/src/main/res/layout/fragment_media.xml
index 8f25715..d6459c3 100644
--- a/app/src/main/res/layout/fragment_media.xml
+++ b/app/src/main/res/layout/fragment_media.xml
@@ -39,25 +39,21 @@
 
             </FrameLayout>
 
-            <Button
+            <com.google.android.material.button.MaterialButton
                 android:id="@+id/button_play"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_gravity="center"
                 android:layout_marginStart="7dp"
                 android:layout_marginTop="24dp"
                 android:layout_marginEnd="7dp"
-                android:background="#4A4141"
-                android:drawableStart="@drawable/ic_baseline_play_arrow_24"
-                android:drawablePadding="10dp"
-                android:drawableTint="#FFFFFF"
-                android:gravity="start|center_vertical"
-                android:paddingStart="160dp"
-                android:paddingEnd="160dp"
-                android:text="@string/button_play"
+                android:gravity="center"
                 android:textAllCaps="false"
+                android:text="@string/button_play"
                 android:textColor="@android:color/primary_text_dark"
-                android:textSize="16sp" />
+                android:textSize="16sp"
+                app:backgroundTint="#4A4141"
+                app:icon="@drawable/ic_baseline_play_arrow_24"
+                app:iconGravity="textStart" />
 
             <TextView
                 android:id="@+id/text_title"
diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml
index d8e3d9a..e119db9 100644
--- a/app/src/main/res/values/styles.xml
+++ b/app/src/main/res/values/styles.xml
@@ -1,13 +1,13 @@
 <resources>
     <!-- Base application theme. -->
-    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
+    <style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
         <!-- Customize your theme here. -->
         <item name="colorPrimary">@color/colorPrimary</item>
         <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
         <item name="colorAccent">@color/colorAccent</item>
     </style>
 
-    <style name="AppTheme.AppCompat.Light.NoActionBar.FullScreen" parent="@style/Theme.AppCompat.Light.NoActionBar">
+    <style name="AppTheme.MaterialComponents.Light.NoActionBar.FullScreen" parent="@style/Theme.MaterialComponents.Light.NoActionBar">
         <item name="android:windowNoTitle">true</item>
         <item name="android:windowActionBar">false</item>
         <item name="android:windowFullscreen">true</item>