From bf6f2d916ed4dddc62625b5d8fb7252b849ec73e Mon Sep 17 00:00:00 2001
From: Jannik <seil0@mosad.xyz>
Date: Sun, 4 Dec 2022 15:25:05 +0100
Subject: [PATCH] make MeidaFragment poster and backdrop responsive

---
 app/src/main/res/layout/fragment_media.xml | 49 ++++++++++++++--------
 1 file changed, 31 insertions(+), 18 deletions(-)

diff --git a/app/src/main/res/layout/fragment_media.xml b/app/src/main/res/layout/fragment_media.xml
index eb7b8f3..7a93dd3 100644
--- a/app/src/main/res/layout/fragment_media.xml
+++ b/app/src/main/res/layout/fragment_media.xml
@@ -24,29 +24,42 @@
                 android:orientation="vertical"
                 app:layout_scrollFlags="scroll">
 
-                <RelativeLayout
+                <androidx.constraintlayout.widget.ConstraintLayout
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content">
 
-                    <ImageView
-                        android:id="@+id/image_backdrop"
-                        android:layout_width="match_parent"
-                        android:layout_height="wrap_content"
-                        android:adjustViewBounds="false"
-                        android:contentDescription="@string/media_poster_backdrop_desc"
-                        android:maxHeight="231dp"
-                        android:minHeight="220dp"
-                        android:scaleType="centerCrop" />
+                    <FrameLayout
+                        android:id="@+id/frame_image_progress"
+                        android:layout_width="0dp"
+                        android:layout_height="0dp"
+                        app:layout_constraintBottom_toBottomOf="parent"
+                        app:layout_constraintDimensionRatio="H,16:9"
+                        app:layout_constraintEnd_toEndOf="parent"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toTopOf="parent">
 
-                    <com.google.android.material.imageview.ShapeableImageView
-                        android:id="@+id/image_poster"
-                        android:layout_width="wrap_content"
-                        android:layout_height="200dp"
-                        android:layout_centerInParent="true"
-                        app:shapeAppearance="@style/ShapeAppearance.Teapod.RoundedPoster"
-                        tools:src="@drawable/ic_launcher_background" />
+                        <ImageView
+                            android:id="@+id/image_backdrop"
+                            android:layout_width="match_parent"
+                            android:layout_height="match_parent"
+                            android:contentDescription="@string/media_poster_backdrop_desc"
+                            android:scaleType="fitCenter"
+                            tools:srcCompat="@drawable/placeholder_image" />
 
-                </RelativeLayout>
+                        <com.google.android.material.imageview.ShapeableImageView
+                            android:id="@+id/image_poster"
+                            android:layout_width="wrap_content"
+                            android:layout_height="match_parent"
+                            android:layout_gravity="center_horizontal"
+                            android:layout_marginTop="7dp"
+                            android:layout_marginBottom="7dp"
+                            android:scaleType="fitCenter"
+                            app:shapeAppearance="@style/ShapeAppearance.Teapod.RoundedPoster"
+                            tools:src="@drawable/ic_launcher_background" />
+
+                    </FrameLayout>
+
+                </androidx.constraintlayout.widget.ConstraintLayout>
 
                 <LinearLayout
                     android:id="@+id/linear_media_info"