From 05f724dbe1c92d79d21c89fbc198a6a938c98f2e Mon Sep 17 00:00:00 2001
From: klaus <klaus@vividnext.co.kr>
Date: Mon, 15 Jun 2026 13:20:54 +0900
Subject: [PATCH] =?UTF-8?q?feat(creator):=20=EC=B1=84=EB=84=90=20=ED=99=88?=
 =?UTF-8?q?=20=ED=9B=84=EC=9B=90=20=EC=B9=B4=EB=93=9C=EB=A5=BC=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80=ED=95=9C=EB=8B=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ui/CreatorChannelDonationCardView.kt      |  25 +++++
 .../res/drawable-mdpi/ic_new_donation.png     | Bin 0 -> 393 bytes
 ...g_creator_channel_donation_can_capsule.xml |   5 +
 .../bg_creator_channel_donation_card.xml      |   5 +
 .../item_creator_channel_home_donation.xml    |  56 +++++++++++
 ...item_creator_channel_home_donation_row.xml |  93 ++++++++++++++++++
 6 files changed, 184 insertions(+)
 create mode 100644 app/src/main/java/kr/co/vividnext/sodalive/v2/creator/channel/ui/CreatorChannelDonationCardView.kt
 create mode 100644 app/src/main/res/drawable-mdpi/ic_new_donation.png
 create mode 100644 app/src/main/res/drawable/bg_creator_channel_donation_can_capsule.xml
 create mode 100644 app/src/main/res/drawable/bg_creator_channel_donation_card.xml
 create mode 100644 app/src/main/res/layout/item_creator_channel_home_donation.xml
 create mode 100644 app/src/main/res/layout/item_creator_channel_home_donation_row.xml

diff --git a/app/src/main/java/kr/co/vividnext/sodalive/v2/creator/channel/ui/CreatorChannelDonationCardView.kt b/app/src/main/java/kr/co/vividnext/sodalive/v2/creator/channel/ui/CreatorChannelDonationCardView.kt
new file mode 100644
index 00000000..e4e2029a
--- /dev/null
+++ b/app/src/main/java/kr/co/vividnext/sodalive/v2/creator/channel/ui/CreatorChannelDonationCardView.kt
@@ -0,0 +1,25 @@
+package kr.co.vividnext.sodalive.v2.creator.channel.ui
+
+import android.content.Context
+import android.graphics.Outline
+import android.util.AttributeSet
+import android.view.View
+import android.view.ViewOutlineProvider
+import android.widget.LinearLayout
+import kr.co.vividnext.sodalive.R
+
+class CreatorChannelDonationCardView @JvmOverloads constructor(
+    context: Context,
+    attrs: AttributeSet? = null,
+    defStyleAttr: Int = 0
+) : LinearLayout(context, attrs, defStyleAttr) {
+
+    init {
+        clipToOutline = true
+        outlineProvider = object : ViewOutlineProvider() {
+            override fun getOutline(view: View, outline: Outline) {
+                outline.setRoundRect(0, 0, view.width, view.height, resources.getDimension(R.dimen.radius_14))
+            }
+        }
+    }
+}
diff --git a/app/src/main/res/drawable-mdpi/ic_new_donation.png b/app/src/main/res/drawable-mdpi/ic_new_donation.png
new file mode 100644
index 0000000000000000000000000000000000000000..b38a5c0ad8962d476b116e687a7fac0386608fe1
GIT binary patch
literal 393
zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VXMsm#F#`j)FbFd;%$g$s6l5$8
za(7}_cTVOdki(Mh=<CS9u(6-}Pa-Rj&sX9aQ4*Y=R#Ki=l*-_inVy?CZ{xINpe`0q
z7srqa#-||{d7BIb_6o5ju(%!I-PM@K;FmCmVUELG2lE1u$SJl*EMNWl1H8L?761L1
z^t|%@tH+*ttUp+{T;mM#J7cs;fXOD}6(iS7>CG~g#?PLrZx)re32=Hcv-%SEzq&{J
z9>w`dUQ$fW6!%+t;>@gxVXZ1UJi4a;lCoY*+IlBF?DhMLU+fmuOHGs7>AbD)`Nh-k
zC%7Nian75-t$5^WpZ>x5`@WsIS0}ysUeVph3qCJl=+8{5a{1C2xH9r{fRlyMy6A5b
zN9EW0&ObBt+*UKeGd=buJ!|KMwXIvOdTsYY`|!iJf-eOvVUqvydR=yjMON<J?nB9Q
j4sO_Bx8>a3+0y)_B_(y2(gN25LyE!E)z4*}Q$iB}kxrf&

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable/bg_creator_channel_donation_can_capsule.xml b/app/src/main/res/drawable/bg_creator_channel_donation_can_capsule.xml
new file mode 100644
index 00000000..ceb2b46b
--- /dev/null
+++ b/app/src/main/res/drawable/bg_creator_channel_donation_can_capsule.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="999dp" />
+</shape>
diff --git a/app/src/main/res/drawable/bg_creator_channel_donation_card.xml b/app/src/main/res/drawable/bg_creator_channel_donation_card.xml
new file mode 100644
index 00000000..c410cc4e
--- /dev/null
+++ b/app/src/main/res/drawable/bg_creator_channel_donation_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>
diff --git a/app/src/main/res/layout/item_creator_channel_home_donation.xml b/app/src/main/res/layout/item_creator_channel_home_donation.xml
new file mode 100644
index 00000000..ad5c0d3b
--- /dev/null
+++ b/app/src/main/res/layout/item_creator_channel_home_donation.xml
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:background="@color/black"
+    android:orientation="vertical"
+    android:paddingTop="@dimen/spacing_20">
+
+    <include
+        android:id="@+id/layout_donation_section_title"
+        layout="@layout/view_section_title" />
+
+    <HorizontalScrollView
+        android:id="@+id/hsv_donation_items"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="@dimen/spacing_14"
+        android:clipToPadding="false"
+        android:overScrollMode="never"
+        android:paddingStart="@dimen/spacing_14"
+        android:paddingEnd="@dimen/spacing_14"
+        android:scrollbars="none">
+
+        <LinearLayout
+            android:id="@+id/ll_donation_items"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal" />
+    </HorizontalScrollView>
+
+    <LinearLayout
+        android:id="@+id/layout_donation_button"
+        android:layout_width="match_parent"
+        android:layout_height="44dp"
+        android:layout_marginHorizontal="@dimen/spacing_14"
+        android:layout_marginTop="@dimen/spacing_14"
+        android:background="@drawable/bg_creator_channel_outline_button"
+        android:gravity="center"
+        android:orientation="horizontal">
+
+        <ImageView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:contentDescription="@null"
+            android:src="@drawable/ic_new_donation" />
+
+        <TextView
+            style="@style/Typography.Body2"
+            android:layout_width="wrap_content"
+            android:layout_height="match_parent"
+            android:layout_marginStart="@dimen/spacing_6"
+            android:gravity="center"
+            android:text="@string/creator_channel_donation_button"
+            android:textColor="@color/white" />
+    </LinearLayout>
+</LinearLayout>
diff --git a/app/src/main/res/layout/item_creator_channel_home_donation_row.xml b/app/src/main/res/layout/item_creator_channel_home_donation_row.xml
new file mode 100644
index 00000000..0269ebc9
--- /dev/null
+++ b/app/src/main/res/layout/item_creator_channel_home_donation_row.xml
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="utf-8"?>
+<kr.co.vividnext.sodalive.v2.creator.channel.ui.CreatorChannelDonationCardView xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:id="@+id/layout_donation_card"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:background="@drawable/bg_creator_channel_donation_card"
+    android:orientation="vertical">
+
+    <FrameLayout
+        android:id="@+id/layout_donation_header"
+        android:layout_width="match_parent"
+        android:layout_height="70dp"
+        android:padding="@dimen/spacing_14"
+        tools:background="#73FF01">
+
+        <ImageView
+            android:id="@+id/iv_donation_profile"
+            android:layout_width="42dp"
+            android:layout_height="42dp"
+            android:contentDescription="@null"
+            android:scaleType="centerCrop"
+            android:src="@drawable/ic_placeholder_profile"
+            tools:src="@drawable/ic_placeholder_profile" />
+
+        <LinearLayout
+            android:layout_width="178dp"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center_vertical"
+            android:layout_marginStart="50dp"
+            android:orientation="vertical">
+
+            <TextView
+                android:id="@+id/tv_donation_nickname"
+                style="@style/Typography.Body5"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:ellipsize="end"
+                android:maxLines="1"
+                android:textColor="@color/black"
+                tools:text="팬 이름" />
+
+            <TextView
+                android:id="@+id/tv_donation_created_at"
+                style="@style/Typography.Body6"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="2dp"
+                android:ellipsize="end"
+                android:maxLines="1"
+                android:textColor="@color/gray_700"
+                tools:text="2분 전" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="28dp"
+            android:layout_gravity="center_vertical|end"
+            android:background="@drawable/bg_creator_channel_donation_can_capsule"
+            android:gravity="center"
+            android:orientation="horizontal"
+            android:paddingHorizontal="@dimen/spacing_6">
+
+            <ImageView
+                android:layout_width="18dp"
+                android:layout_height="18dp"
+                android:contentDescription="@null"
+                android:src="@drawable/ic_can" />
+
+            <TextView
+                android:id="@+id/tv_donation_can"
+                style="@style/Typography.Body6"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="2dp"
+                android:textColor="@color/white"
+                tools:text="20캔" />
+        </LinearLayout>
+    </FrameLayout>
+
+    <TextView
+        android:id="@+id/tv_donation_message"
+        style="@style/Typography.Body3"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:ellipsize="end"
+        android:maxLines="2"
+        android:paddingHorizontal="@dimen/spacing_14"
+        android:paddingTop="@dimen/spacing_14"
+        android:paddingBottom="@dimen/spacing_14"
+        android:textColor="@color/white"
+        tools:text="팬이 후원한 글이 보이는 부분 팬이 후원한 글이 보이는 부분" />
+</kr.co.vividnext.sodalive.v2.creator.channel.ui.CreatorChannelDonationCardView>