#49 ui : 그림자, 그라데이션 추가

Team-LionHeart · Jul 20, 2023 · 5d73fb0 · 5d73fb0
1 parent ff65ace
commit 5d73fb0
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 4 deletions.
diff --git a/app/src/main/res/drawable/shape_black_50_gradient_270.xml b/app/src/main/res/drawable/shape_black_50_gradient_270.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <gradient
+        android:angle="270"
+        android:endColor="@null"
+        android:startColor="@color/black_opacity_50" />
+</shape>
diff --git a/app/src/main/res/layout/fragment_course.xml b/app/src/main/res/layout/fragment_course.xml
@@ -126,7 +126,15 @@
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toBottomOf="@id/card_course_progress" />
+            app:layout_constraintTop_toBottomOf="@id/lottie_course_progress" />
+
+        <View
+            android:layout_width="0dp"
+            android:layout_height="60dp"
+            android:background="@drawable/shape_black_50_gradient_270"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/lottie_course_progress" />
 
     </androidx.constraintlayout.widget.ConstraintLayout>
 </layout>
diff --git a/app/src/main/res/layout/item_course_week.xml b/app/src/main/res/layout/item_course_week.xml
@@ -98,6 +98,16 @@
                         app:layout_constraintTop_toTopOf="parent"
                         tools:src="@drawable/img_course_week4" />
 
+                    <View
+                        android:layout_width="0dp"
+                        android:layout_height="0dp"
+                        android:alpha="0.4"
+                        android:background="@color/black"
+                        app:layout_constraintBottom_toBottomOf="@id/iv_thumbnail"
+                        app:layout_constraintEnd_toEndOf="@id/iv_thumbnail"
+                        app:layout_constraintStart_toStartOf="@id/iv_thumbnail"
+                        app:layout_constraintTop_toTopOf="@id/iv_thumbnail" />
+
                     <ImageView
                         android:id="@+id/btn_to_detail"
                         android:layout_width="wrap_content"
@@ -123,11 +133,11 @@
 
                     <com.google.android.material.divider.MaterialDivider
                         android:layout_width="0dp"
-                        android:layout_marginTop="36dp"
                         android:layout_height="wrap_content"
-                        app:layout_constraintTop_toBottomOf="@id/tv_content_detail"
+                        android:layout_marginTop="36dp"
                         app:layout_constraintEnd_toEndOf="parent"
-                        app:layout_constraintStart_toStartOf="parent" />
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toBottomOf="@id/tv_content_detail" />
 
                 </androidx.constraintlayout.widget.ConstraintLayout>
 

diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
@@ -18,6 +18,7 @@
     <color name="gray_800">#2D2D2D</color>
     <color name="gray_900">#262626</color>
     <color name="gray_1000">#1A1A1A</color>
+    <color name="black_opacity_50">#80000000</color>
     <color name="gray_opacity_0">#00000000</color>
     <color name="black_opacity_20">#33000000</color>