라이브 카드 태그 칩 표시

This commit is contained in:
2026-02-03 10:49:19 +09:00
parent ff1281abde
commit 9496a57b3c
4 changed files with 233 additions and 130 deletions

View File

@@ -60,8 +60,31 @@ class LiveNowAdapter(
binding.tvFree.visibility = View.VISIBLE binding.tvFree.visibility = View.VISIBLE
} }
bindTags(item)
binding.root.setOnClickListener { onClick(item) } binding.root.setOnClickListener { onClick(item) }
} }
private fun bindTags(item: GetRoomListResponse) {
val tags = item.tags.filter { it.isNotBlank() }.take(2)
if (tags.isEmpty()) {
binding.llTags.visibility = View.GONE
binding.tvTag1.visibility = View.GONE
binding.tvTag2.visibility = View.GONE
return
}
binding.llTags.visibility = View.VISIBLE
binding.tvTag1.text = tags[0]
binding.tvTag1.visibility = View.VISIBLE
if (tags.size > 1) {
binding.tvTag2.text = tags[1]
binding.tvTag2.visibility = View.VISIBLE
} else {
binding.tvTag2.visibility = View.GONE
}
}
} }
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int) = ViewHolder( override fun onCreateViewHolder(parent: ViewGroup, viewType: Int) = ViewHolder(

View File

@@ -34,9 +34,14 @@ class LiveNowAllAdapter(
val rootLayoutParams = binding.root.layoutParams val rootLayoutParams = binding.root.layoutParams
rootLayoutParams.width = itemWidth rootLayoutParams.width = itemWidth
rootLayoutParams.height = (baseCardHeight * scale).roundToInt() rootLayoutParams.height = ViewGroup.LayoutParams.WRAP_CONTENT
binding.root.layoutParams = rootLayoutParams binding.root.layoutParams = rootLayoutParams
val cardLayoutParams = binding.cardLiveNow.layoutParams
cardLayoutParams.width = itemWidth
cardLayoutParams.height = (baseCardHeight * scale).roundToInt()
binding.cardLiveNow.layoutParams = cardLayoutParams
val profileLayoutParams = binding.flProfile.layoutParams val profileLayoutParams = binding.flProfile.layoutParams
profileLayoutParams.width = (84.dpToPx() * scale).roundToInt() profileLayoutParams.width = (84.dpToPx() * scale).roundToInt()
profileLayoutParams.height = (84.dpToPx() * scale).roundToInt() profileLayoutParams.height = (84.dpToPx() * scale).roundToInt()
@@ -80,9 +85,31 @@ class LiveNowAllAdapter(
binding.tvTitle.text = item.title binding.tvTitle.text = item.title
binding.tvNickname.text = item.creatorNickname binding.tvNickname.text = item.creatorNickname
bindTags(item)
binding.root.setOnClickListener { onClick(item) } binding.root.setOnClickListener { onClick(item) }
} }
private fun bindTags(item: GetRoomListResponse) {
val tags = item.tags.filter { it.isNotBlank() }.take(2)
if (tags.isEmpty()) {
binding.llTags.visibility = View.GONE
binding.tvTag1.visibility = View.GONE
binding.tvTag2.visibility = View.GONE
return
}
binding.llTags.visibility = View.VISIBLE
binding.tvTag1.text = tags[0]
binding.tvTag1.visibility = View.VISIBLE
if (tags.size > 1) {
binding.tvTag2.text = tags[1]
binding.tvTag2.visibility = View.VISIBLE
} else {
binding.tvTag2.visibility = View.GONE
}
}
} }
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int) = ViewHolder( override fun onCreateViewHolder(parent: ViewGroup, viewType: Int) = ViewHolder(

View File

@@ -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/color_37474f" />
<corners android:radius="8dp" />
</shape>

View File

@@ -1,152 +1,200 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="utf-8"?>
<androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android" <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools" xmlns:tools="http://schemas.android.com/tools"
android:layout_width="144dp" android:layout_width="144dp"
android:layout_height="204dp" android:layout_height="wrap_content"
app:cardBackgroundColor="#263238" android:orientation="vertical">
app:cardCornerRadius="16dp">
<androidx.constraintlayout.widget.ConstraintLayout <androidx.cardview.widget.CardView
android:id="@+id/card_live_now"
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="match_parent" android:layout_height="204dp"
android:padding="10dp"> app:cardBackgroundColor="#263238"
app:cardCornerRadius="16dp">
<ImageView <androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/iv_lock" android:layout_width="match_parent"
android:layout_width="wrap_content" android:layout_height="match_parent"
android:layout_height="wrap_content" android:padding="10dp">
android:contentDescription="@null"
android:src="@drawable/ic_lock"
android:visibility="gone"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<ImageView
android:id="@+id/iv_shield"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:contentDescription="@null"
android:src="@drawable/ic_shield"
android:visibility="gone"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<!-- 프로필 이미지 컨테이너 -->
<FrameLayout
android:id="@+id/fl_profile"
android:layout_width="84dp"
android:layout_height="84dp"
android:layout_marginHorizontal="2dp"
android:layout_marginTop="2dp"
android:background="@drawable/circle_background"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<!-- 프로필 이미지 -->
<ImageView <ImageView
android:id="@+id/iv_profile" android:id="@+id/iv_lock"
android:layout_width="72dp" android:layout_width="wrap_content"
android:layout_height="72dp" android:layout_height="wrap_content"
android:layout_gravity="center"
android:contentDescription="@null" android:contentDescription="@null"
android:scaleType="centerCrop" /> android:src="@drawable/ic_lock"
android:visibility="gone"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<!-- LIVE 배지 -->
<ImageView <ImageView
android:layout_width="50dp" android:id="@+id/iv_shield"
android:layout_height="18dp" android:layout_width="wrap_content"
android:layout_gravity="bottom|center_horizontal" android:layout_height="wrap_content"
android:contentDescription="@null" android:contentDescription="@null"
android:src="@drawable/img_live" /> android:src="@drawable/ic_shield"
</FrameLayout> android:visibility="gone"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<LinearLayout <!-- 프로필 이미지 컨테이너 -->
android:layout_width="0dp" <FrameLayout
android:layout_height="0dp" android:id="@+id/fl_profile"
android:layout_marginHorizontal="2dp" android:layout_width="84dp"
android:layout_marginVertical="8dp" android:layout_height="84dp"
android:orientation="vertical" android:layout_marginHorizontal="2dp"
app:layout_constraintBottom_toTopOf="@+id/fl_can" android:layout_marginTop="2dp"
app:layout_constraintEnd_toEndOf="parent" android:background="@drawable/circle_background"
app:layout_constraintStart_toStartOf="parent" app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toBottomOf="@+id/fl_profile"> app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<TextView <!-- 프로필 이미지 -->
android:id="@+id/tv_nickname" <ImageView
android:layout_width="match_parent" android:id="@+id/iv_profile"
android:layout_height="wrap_content" android:layout_width="72dp"
android:fontFamily="@font/regular" android:layout_height="72dp"
android:gravity="center" android:layout_gravity="center"
android:textColor="@color/white" android:contentDescription="@null"
android:textSize="16sp" android:scaleType="centerCrop" />
tools:text="도화" />
<TextView <!-- LIVE 배지 -->
android:id="@+id/tv_title" <ImageView
android:layout_width="match_parent" android:layout_width="50dp"
android:layout_height="wrap_content" android:layout_height="18dp"
android:layout_marginTop="4dp" android:layout_gravity="bottom|center_horizontal"
android:ellipsize="end" android:contentDescription="@null"
android:fontFamily="@font/regular" android:src="@drawable/img_live" />
android:gravity="center" </FrameLayout>
android:maxLines="1"
android:textColor="#B0BEC5"
android:textSize="12sp"
tools:text="제목제목제목제목제목제목" />
</LinearLayout>
<FrameLayout
android:id="@+id/fl_can"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginHorizontal="2dp"
android:layout_marginBottom="2dp"
android:gravity="center"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent">
<TextView
android:id="@+id/tv_free"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/bg_round_corner_999_white"
android:fontFamily="@font/regular"
android:gravity="center"
android:paddingVertical="4dp"
android:text="@string/screen_live_now_all_free"
android:textColor="#263238"
android:textSize="14sp"
android:visibility="gone" />
<LinearLayout <LinearLayout
android:id="@+id/ll_can" android:layout_width="0dp"
android:layout_width="match_parent" android:layout_height="0dp"
android:layout_height="wrap_content" android:layout_marginHorizontal="2dp"
android:background="@drawable/bg_round_corner_999_3b5ff1" android:layout_marginVertical="8dp"
android:gravity="center" android:orientation="vertical"
android:orientation="horizontal" app:layout_constraintBottom_toTopOf="@+id/fl_can"
android:paddingVertical="4dp" app:layout_constraintEnd_toEndOf="parent"
android:visibility="gone"> app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/fl_profile">
<ImageView
android:layout_width="16dp"
android:layout_height="16dp"
android:layout_marginEnd="2dp"
android:contentDescription="@null"
android:src="@drawable/ic_can" />
<TextView <TextView
android:id="@+id/tv_can" android:id="@+id/tv_nickname"
android:layout_width="wrap_content" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:fontFamily="@font/regular" android:fontFamily="@font/regular"
android:textColor="#FFFFFF" android:gravity="center"
android:textSize="14sp" android:textColor="@color/white"
tools:text="300" /> android:textSize="16sp"
tools:text="도화" />
<TextView
android:id="@+id/tv_title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="4dp"
android:ellipsize="end"
android:fontFamily="@font/regular"
android:gravity="center"
android:maxLines="1"
android:textColor="#B0BEC5"
android:textSize="12sp"
tools:text="제목제목제목제목제목제목" />
</LinearLayout> </LinearLayout>
</FrameLayout>
</androidx.constraintlayout.widget.ConstraintLayout> <FrameLayout
</androidx.cardview.widget.CardView> android:id="@+id/fl_can"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginHorizontal="2dp"
android:layout_marginBottom="2dp"
android:gravity="center"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent">
<TextView
android:id="@+id/tv_free"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/bg_round_corner_999_white"
android:fontFamily="@font/regular"
android:gravity="center"
android:paddingVertical="4dp"
android:text="@string/screen_live_now_all_free"
android:textColor="#263238"
android:textSize="14sp"
android:visibility="gone" />
<LinearLayout
android:id="@+id/ll_can"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/bg_round_corner_999_3b5ff1"
android:gravity="center"
android:orientation="horizontal"
android:paddingVertical="4dp"
android:visibility="gone">
<ImageView
android:layout_width="16dp"
android:layout_height="16dp"
android:layout_marginEnd="2dp"
android:contentDescription="@null"
android:src="@drawable/ic_can" />
<TextView
android:id="@+id/tv_can"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/regular"
android:textColor="#FFFFFF"
android:textSize="14sp"
tools:text="300" />
</LinearLayout>
</FrameLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.cardview.widget.CardView>
<LinearLayout
android:id="@+id/ll_tags"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:gravity="start|center_vertical"
android:orientation="horizontal"
android:visibility="gone">
<TextView
android:id="@+id/tv_tag_1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="4dp"
android:background="@drawable/bg_round_corner_8_37474f"
android:ellipsize="end"
android:fontFamily="@font/regular"
android:maxLines="1"
android:paddingHorizontal="8dp"
android:paddingVertical="4dp"
android:textColor="@color/white"
android:textSize="11sp"
android:visibility="gone"
tools:text="#팬미팅" />
<TextView
android:id="@+id/tv_tag_2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/bg_round_corner_8_37474f"
android:ellipsize="end"
android:fontFamily="@font/regular"
android:maxLines="1"
android:paddingHorizontal="8dp"
android:paddingVertical="4dp"
android:textColor="@color/white"
android:textSize="11sp"
android:visibility="gone"
tools:text="#힐링" />
</LinearLayout>
</LinearLayout>