feat(creator): 후원 랭킹 레이아웃을 보정한다

This commit is contained in:
2026-06-22 23:22:34 +09:00
parent 9b19be7775
commit 0122c8c5ed
3 changed files with 95 additions and 19 deletions

View File

@@ -1,6 +1,9 @@
package kr.co.vividnext.sodalive.v2.creator.channel.donation.ui
import android.content.Context
import android.graphics.Rect
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import androidx.recyclerview.widget.GridLayoutManager
import androidx.recyclerview.widget.RecyclerView
@@ -65,6 +68,9 @@ class CreatorChannelDonationAdapter(
init {
binding.rvCreatorChannelDonationRankingMembers.layoutManager = GridLayoutManager(itemView.context, 4)
binding.rvCreatorChannelDonationRankingMembers.addItemDecoration(
CreatorChannelDonationRankingItemDecoration(itemView.context, spanCount = 4)
)
binding.rvCreatorChannelDonationRankingMembers.adapter = rankingAdapter
binding.btnCreatorChannelDonationRankingAll.setOnClickListener { onRankingAllClick() }
}
@@ -106,3 +112,21 @@ private sealed interface CreatorChannelDonationListItem {
data class Ranking(val rankings: List<CreatorChannelDonationRankingUiModel>) : CreatorChannelDonationListItem
data class Donation(val donation: CreatorChannelDonationUiModel) : CreatorChannelDonationListItem
}
private class CreatorChannelDonationRankingItemDecoration(
context: Context,
private val spanCount: Int
) : RecyclerView.ItemDecoration() {
private val spacing: Int = (14 * context.resources.displayMetrics.density).toInt()
override fun getItemOffsets(outRect: Rect, view: View, parent: RecyclerView, state: RecyclerView.State) {
val position = parent.getChildAdapterPosition(view)
if (position == RecyclerView.NO_POSITION) return
val column = position % spanCount
outRect.left = column * spacing / spanCount
outRect.right = spacing - (column + 1) * spacing / spanCount
outRect.top = if (position >= spanCount) spacing else 0
}
}

View File

@@ -1,48 +1,73 @@
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:orientation="vertical"
android:paddingBottom="@dimen/spacing_14">
android:clipChildren="false">
<FrameLayout
android:layout_width="75dp"
android:layout_height="75dp">
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/layout_creator_channel_donation_ranking_profile"
android:layout_width="0dp"
android:layout_height="0dp"
android:clipChildren="false"
app:layout_constraintDimensionRatio="1:1"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<ImageView
android:id="@+id/iv_creator_channel_donation_ranking_profile"
android:layout_width="75dp"
android:layout_height="75dp"
android:layout_width="0dp"
android:layout_height="0dp"
android:contentDescription="@null"
android:scaleType="centerCrop"
android:src="@drawable/ic_placeholder_profile"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:src="@drawable/ic_placeholder_profile" />
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guideline_creator_channel_donation_ranking_rank_top"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintGuide_percent="0.63" />
<TextView
android:id="@+id/tv_creator_channel_donation_ranking_rank"
style="@style/Typography.Heading1"
android:layout_width="match_parent"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:fontFamily="@font/pattaya_regular"
android:gravity="center"
android:includeFontPadding="false"
android:textColor="@color/gray_50"
android:shadowColor="#7A000000"
android:shadowDx="0"
android:shadowDy="0"
android:shadowRadius="4"
android:textColor="@color/white"
android:textSize="28sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@id/guideline_creator_channel_donation_ranking_rank_top"
tools:text="1" />
</FrameLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
<TextView
android:id="@+id/tv_creator_channel_donation_ranking_nickname"
style="@style/Typography.Body5"
android:layout_width="match_parent"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/spacing_8"
android:layout_marginTop="6dp"
android:ellipsize="end"
android:gravity="center"
android:includeFontPadding="false"
android:maxLines="1"
android:textColor="@color/white"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/layout_creator_channel_donation_ranking_profile"
tools:text="팬 이름" />
</LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>