feat(home): 최근 데뷔 크리에이터 카드를 정리한다

app/src/main/java/kr/co/vividnext/sodalive/v2/main/home/ui/HomeRecentDebutCreatorAdapter.kt

@@ -20,7 +20,7 @@ class HomeRecentDebutCreatorAdapter : RecyclerView.Adapter<HomeRecentDebutCreato
 
     override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): CreatorViewHolder {
         val view = LayoutInflater.from(parent.context).inflate(R.layout.item_home_recent_debut_creator, parent, false)
-        view.layoutParams = recyclerItemLayoutParams(parent)
+        view.layoutParams = recentDebutItemLayoutParams(parent)
         return CreatorViewHolder(view)
     }
 
@@ -39,4 +39,11 @@ class HomeRecentDebutCreatorAdapter : RecyclerView.Adapter<HomeRecentDebutCreato
             nicknameText.text = item.nickname
         }
     }
+
+    private fun recentDebutItemLayoutParams(parent: ViewGroup): RecyclerView.LayoutParams {
+        return RecyclerView.LayoutParams(
+            ViewGroup.LayoutParams.WRAP_CONTENT,
+            ViewGroup.LayoutParams.WRAP_CONTENT
+        ).apply { marginEnd = parent.resources.getDimensionPixelSize(R.dimen.spacing_4) }
+    }
 }

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

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="@color/gray_900" />
+    <corners android:radius="@dimen/radius_14" />
+</shape>

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

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <gradient
+        android:angle="270"
+        android:startColor="#00000000"
+        android:centerColor="#00000000"
+        android:centerY="0.64"
+        android:endColor="#B3000000" />
+    <corners android:radius="@dimen/radius_14" />
+</shape>

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

@@ -1,30 +1,38 @@
 <?xml version="1.0" encoding="utf-8"?>
-<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools"
-    android:layout_width="112dp"
+    android:layout_width="205dp"
-    android:layout_height="wrap_content"
+    android:layout_height="259dp"
-    android:gravity="center_horizontal"
+    android:background="@drawable/bg_home_recent_debut_card"
-    android:orientation="vertical">
+    android:outlineProvider="background">
 
     <ImageView
         android:id="@+id/iv_home_recent_debut_creator_profile"
-        android:layout_width="88dp"
+        android:layout_width="205dp"
-        android:layout_height="88dp"
+        android:layout_height="259dp"
-        android:background="@drawable/bg_round_corner_999_263238"
         android:contentDescription="@null"
         android:scaleType="centerCrop"
         tools:src="@drawable/ic_launcher_background" />
 
+    <View
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:background="@drawable/bg_home_recent_debut_dim_gradient" />
+
     <TextView
         android:id="@+id/tv_home_recent_debut_creator_nickname"
-        style="@style/Typography.Body5"
+        style="@style/Typography.Heading1"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:layout_marginTop="@dimen/spacing_8"
+        android:layout_gravity="bottom"
+        android:layout_marginHorizontal="@dimen/spacing_14"
+        android:layout_marginBottom="31dp"
         android:ellipsize="end"
         android:gravity="center"
         android:includeFontPadding="false"
+        android:lineSpacingMultiplier="1.45"
         android:maxLines="1"
+        android:textAlignment="center"
         android:textColor="@color/white"
         tools:text="신규 크리에이터" />
-</LinearLayout>
+</FrameLayout>

app/src/test/java/kr/co/vividnext/sodalive/v2/main/home/HomeMainFragmentLayoutTest.kt

@@ -3,6 +3,7 @@ package kr.co.vividnext.sodalive.v2.main.home
 import android.app.Application
 import android.content.Context
 import android.graphics.drawable.ColorDrawable
+import android.view.Gravity
 import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
@@ -16,6 +17,7 @@ import androidx.test.core.app.ApplicationProvider
 import kr.co.vividnext.sodalive.R
 import kr.co.vividnext.sodalive.v2.main.home.model.HomeRecommendationLiveUiModel
 import kr.co.vividnext.sodalive.v2.main.home.ui.HomeLiveAdapter
+import kr.co.vividnext.sodalive.v2.main.home.ui.HomeRecentDebutCreatorAdapter
 import kr.co.vividnext.sodalive.v2.widget.TextTabBarView
 import kr.co.vividnext.sodalive.v2.widget.banner.BannerView
 import org.junit.Assert.assertEquals
@@ -116,6 +118,34 @@ class HomeMainFragmentLayoutTest {
         assertEquals(52.dpToPx(), profileImage.layoutParams.height)
     }
 
+    @Test
+    fun `recent debut creator item matches figma card dimensions`() {
+        val recentDebut = inflateViewWithParent(R.layout.item_home_recent_debut_creator)
+        val profileImage = recentDebut.findViewById<ImageView>(R.id.iv_home_recent_debut_creator_profile)
+        val nicknameText = recentDebut.findViewById<TextView>(R.id.tv_home_recent_debut_creator_nickname)
+
+        assertEquals(205.dpToPx(), recentDebut.layoutParams.width)
+        assertEquals(259.dpToPx(), recentDebut.layoutParams.height)
+        assertEquals(205.dpToPx(), profileImage.layoutParams.width)
+        assertEquals(259.dpToPx(), profileImage.layoutParams.height)
+        assertEquals(24f, nicknameText.textSize / nicknameText.resources.displayMetrics.scaledDensity)
+        assertEquals(Gravity.CENTER, nicknameText.gravity)
+    }
+
+    @Test
+    fun `home recent debut section matches figma list spacing`() {
+        val root = inflateView(R.layout.fragment_v2_main_home)
+        val recentDebutList = root.findViewById<RecyclerView>(R.id.rv_home_recent_debut_creators)
+        val context = ApplicationProvider.getApplicationContext<Context>()
+        val parent = RecyclerView(context)
+        parent.layoutManager = LinearLayoutManager(context, RecyclerView.HORIZONTAL, false)
+        val viewHolder = HomeRecentDebutCreatorAdapter().onCreateViewHolder(parent, 0)
+        val layoutParams = viewHolder.itemView.layoutParams as ViewGroup.MarginLayoutParams
+
+        assertEquals(14.dpToPx(), recentDebutList.paddingStart)
+        assertEquals(4.dpToPx(), layoutParams.marginEnd)
+    }
+
     @Test
     fun `popular community section is hidden until phase7 binding is implemented`() {
         val root = inflateView(R.layout.fragment_v2_main_home)
@@ -125,12 +155,12 @@ class HomeMainFragmentLayoutTest {
     }
 
     @Test
-    fun `home live section matches figma row dimensions`() {
+    fun `home live section height follows its items`() {
         val root = inflateView(R.layout.fragment_v2_main_home)
         val liveList = root.findViewById<RecyclerView>(R.id.rv_home_lives)
 
         assertNotNull(liveList)
-        assertEquals(102.dpToPx(), liveList.layoutParams.height)
+        assertEquals(ViewGroup.LayoutParams.WRAP_CONTENT, liveList.layoutParams.height)
         assertEquals(20.dpToPx(), liveList.paddingStart)
     }