이미지 뒤에 깔고 그림자 효과 주기

U-is-Ni-in-Korea · Nov 5, 2023 · c7b0e71 · c7b0e71
1 parent aed009b
commit c7b0e71
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 35 deletions.
diff --git a/app/src/main/java/sopt/uni/presentation/home/HomeActivity.kt b/app/src/main/java/sopt/uni/presentation/home/HomeActivity.kt
@@ -1,12 +1,6 @@
 package sopt.uni.presentation.home
 
-import android.graphics.Bitmap
-import android.graphics.BitmapFactory
-import android.graphics.BlurMaskFilter
-import android.graphics.Canvas
-import android.graphics.Paint
 import android.os.Bundle
-import android.view.View
 import android.widget.Toast
 import androidx.activity.viewModels
 import androidx.lifecycle.lifecycleScope
@@ -39,7 +33,6 @@ class HomeActivity : BindingActivity<ActivityHomeBinding>(R.layout.activity_home
 
         binding.viewModel = homeViewModel
 
-        setScoreBoardBLurEffect()
         moveToHistory()
         getRoundResult()
         moveToShortGame()
@@ -68,24 +61,6 @@ class HomeActivity : BindingActivity<ActivityHomeBinding>(R.layout.activity_home
         homeViewModel.fetchHomeInfo()
     }
 
-    private fun setScoreBoardBLurEffect() {
-        with(binding) {
-            scoreBoardBackground.setLayerType(View.LAYER_TYPE_SOFTWARE, null)
-
-            val originalBitmap =
-                BitmapFactory.decodeResource(resources, R.drawable.score_board)
-            val blurredBitmap = originalBitmap.copy(Bitmap.Config.ARGB_8888, true)
-
-            val paint = Paint()
-            paint.maskFilter = BlurMaskFilter(50f, BlurMaskFilter.Blur.NORMAL)
-
-            val canvas = Canvas(blurredBitmap)
-            canvas.drawBitmap(blurredBitmap, 0f, 0f, paint)
-
-            scoreBoardBackground.setImageBitmap(blurredBitmap)
-        }
-    }
-
     private fun moveToShortGame() {
         binding.clShortGame.setOnSingleClickListener {
             homeViewModel.fetchHomeInfo()

diff --git a/app/src/main/res/layout/activity_home.xml b/app/src/main/res/layout/activity_home.xml
@@ -57,14 +57,30 @@
 
         </androidx.constraintlayout.widget.ConstraintLayout>
 
+        <com.google.android.material.imageview.ShapeableImageView
+            android:id="@+id/iv_score_board"
+            android:layout_width="0dp"
+            android:layout_height="0dp"
+            android:elevation="4dp"
+            android:scaleType="centerCrop"
+            android:src="@drawable/score_board"
+            android:translationZ="2dp"
+            app:layout_constraintBottom_toBottomOf="@id/cl_score_board"
+            app:layout_constraintEnd_toEndOf="@id/cl_score_board"
+            app:layout_constraintStart_toStartOf="@id/cl_score_board"
+            app:layout_constraintTop_toTopOf="@id/cl_score_board"
+            app:shapeAppearanceOverlay="@style/ShapeAppearanceOverlay.App.CornerRadius20dp" />
+
         <androidx.constraintlayout.widget.ConstraintLayout
             android:id="@+id/cl_score_board"
             android:layout_width="0dp"
             android:layout_height="wrap_content"
             android:layout_marginHorizontal="16dp"
             android:layout_marginVertical="20dp"
+            android:background="@null"
             android:elevation="8dp"
             android:paddingVertical="20dp"
+            android:translationZ="10dp"
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintTop_toBottomOf="@id/cl_home_header">
@@ -226,16 +242,6 @@
 
         </androidx.constraintlayout.widget.ConstraintLayout>
 
-        <ImageView
-            android:id="@+id/score_board_background"
-            android:layout_width="0dp"
-            android:layout_height="0dp"
-            android:src="@drawable/bg_score_board"
-            app:layout_constraintTop_toTopOf="@id/cl_score_board"
-            app:layout_constraintBottom_toBottomOf="@id/cl_score_board"
-            app:layout_constraintStart_toStartOf="@id/cl_score_board"
-            app:layout_constraintEnd_toEndOf="@id/cl_score_board"
-            />
 
         <androidx.constraintlayout.widget.ConstraintLayout
             android:id="@+id/cl_game_title"

diff --git a/app/src/main/res/values/themes.xml b/app/src/main/res/values/themes.xml
@@ -33,4 +33,8 @@
         <item name="fontFamily">@font/pretendard</item>
     </style>
 
+    <style name="ShapeAppearanceOverlay.App.CornerRadius20dp" parent="">
+        <item name="cornerSize">10%</item>
+    </style>
+
 </resources>