feat(content): 추천 NewAndHot 어댑터를 추가한다
This commit is contained in:
@@ -0,0 +1,80 @@
|
||||
package kr.co.vividnext.sodalive.v2.main.content.ui
|
||||
|
||||
import android.graphics.Outline
|
||||
import android.view.LayoutInflater
|
||||
import android.view.View
|
||||
import android.view.ViewGroup
|
||||
import android.view.ViewOutlineProvider
|
||||
import androidx.core.view.isVisible
|
||||
import androidx.recyclerview.widget.RecyclerView
|
||||
import kr.co.vividnext.sodalive.R
|
||||
import kr.co.vividnext.sodalive.databinding.ItemContentAudioListBinding
|
||||
import kr.co.vividnext.sodalive.databinding.ItemContentNewAndHotGroupBinding
|
||||
import kr.co.vividnext.sodalive.extensions.loadUrl
|
||||
import kr.co.vividnext.sodalive.v2.main.content.model.ContentAudioCardUiModel
|
||||
import kr.co.vividnext.sodalive.v2.widget.AudioContentTag
|
||||
|
||||
class ContentNewAndHotAdapter(
|
||||
private val onAudioClick: (ContentAudioCardUiModel) -> Unit = {}
|
||||
) : RecyclerView.Adapter<ContentNewAndHotAdapter.ViewHolder>() {
|
||||
|
||||
private var groups: List<List<ContentAudioCardUiModel>> = emptyList()
|
||||
|
||||
fun submitItems(items: List<ContentAudioCardUiModel>) {
|
||||
groups = items.chunked(NEW_AND_HOT_GROUP_SIZE)
|
||||
notifyDataSetChanged()
|
||||
}
|
||||
|
||||
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
|
||||
return ViewHolder(
|
||||
ItemContentNewAndHotGroupBinding.inflate(LayoutInflater.from(parent.context), parent, false),
|
||||
onAudioClick
|
||||
)
|
||||
}
|
||||
|
||||
override fun onBindViewHolder(holder: ViewHolder, position: Int) {
|
||||
holder.bind(groups[position])
|
||||
}
|
||||
|
||||
override fun getItemCount(): Int = groups.size
|
||||
|
||||
class ViewHolder(
|
||||
private val binding: ItemContentNewAndHotGroupBinding,
|
||||
private val onAudioClick: (ContentAudioCardUiModel) -> Unit
|
||||
) : RecyclerView.ViewHolder(binding.root) {
|
||||
fun bind(items: List<ContentAudioCardUiModel>) = with(binding.root) {
|
||||
removeAllViews()
|
||||
items.forEach { item ->
|
||||
val rowBinding = ItemContentAudioListBinding.inflate(LayoutInflater.from(context), this, false)
|
||||
bindRow(rowBinding, item)
|
||||
addView(rowBinding.root)
|
||||
}
|
||||
}
|
||||
|
||||
private fun bindRow(binding: ItemContentAudioListBinding, item: ContentAudioCardUiModel) = with(binding) {
|
||||
layoutContentAudioListThumbnail.clipToOutline = true
|
||||
layoutContentAudioListThumbnail.outlineProvider = thumbnailOutlineProvider
|
||||
ivContentAudioListThumbnail.loadUrl(item.imageUrl)
|
||||
tvContentAudioListTitle.text = item.title
|
||||
tvContentAudioListCreator.text = item.creatorNickname
|
||||
ivContentAudioListAdultBadge.isVisible = item.showAdultBadge
|
||||
bindTag(ivContentAudioListOriginalTag, AudioContentTag.Original, item.tags)
|
||||
bindTag(ivContentAudioListFirstTag, AudioContentTag.First, item.tags)
|
||||
bindTag(ivContentAudioListPointTag, AudioContentTag.Point, item.tags)
|
||||
tvContentAudioListFreeTag.isVisible = AudioContentTag.Free in item.tags
|
||||
root.setOnClickListener { onAudioClick(item) }
|
||||
}
|
||||
|
||||
private fun bindTag(view: View, tag: AudioContentTag, tags: Set<AudioContentTag>) {
|
||||
view.isVisible = tag in tags
|
||||
}
|
||||
|
||||
private val thumbnailOutlineProvider = object : ViewOutlineProvider() {
|
||||
override fun getOutline(view: View, outline: Outline) {
|
||||
outline.setRoundRect(0, 0, view.width, view.height, view.resources.getDimension(R.dimen.radius_14))
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private const val NEW_AND_HOT_GROUP_SIZE = 3
|
||||
120
app/src/main/res/layout/item_content_audio_list.xml
Normal file
120
app/src/main/res/layout/item_content_audio_list.xml
Normal file
@@ -0,0 +1,120 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
|
||||
xmlns:tools="http://schemas.android.com/tools"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="88dp"
|
||||
android:layout_marginBottom="@dimen/spacing_8"
|
||||
android:baselineAligned="false"
|
||||
android:gravity="center_vertical"
|
||||
android:orientation="horizontal">
|
||||
|
||||
<FrameLayout
|
||||
android:id="@+id/layout_content_audio_list_thumbnail"
|
||||
android:layout_width="88dp"
|
||||
android:layout_height="88dp"
|
||||
android:background="@drawable/bg_audio_content_card_thumbnail">
|
||||
|
||||
<ImageView
|
||||
android:id="@+id/iv_content_audio_list_thumbnail"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="match_parent"
|
||||
android:contentDescription="@null"
|
||||
android:scaleType="centerCrop"
|
||||
tools:src="@drawable/ic_launcher_background" />
|
||||
|
||||
<ImageView
|
||||
android:id="@+id/iv_content_audio_list_adult_badge"
|
||||
android:layout_width="18dp"
|
||||
android:layout_height="18dp"
|
||||
android:layout_gravity="top|end"
|
||||
android:layout_marginTop="@dimen/spacing_6"
|
||||
android:layout_marginEnd="@dimen/spacing_6"
|
||||
android:background="@drawable/bg_creator_channel_live_adult_badge"
|
||||
android:contentDescription="@null"
|
||||
android:padding="2dp"
|
||||
android:src="@drawable/ic_new_shield_small"
|
||||
android:visibility="gone" />
|
||||
|
||||
<LinearLayout
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="24dp"
|
||||
android:layout_gravity="top|start"
|
||||
android:orientation="horizontal">
|
||||
|
||||
<ImageView
|
||||
android:id="@+id/iv_content_audio_list_original_tag"
|
||||
android:layout_width="24dp"
|
||||
android:layout_height="24dp"
|
||||
android:contentDescription="@null"
|
||||
android:src="@drawable/ic_content_tag_original" />
|
||||
|
||||
<ImageView
|
||||
android:id="@+id/iv_content_audio_list_first_tag"
|
||||
android:layout_width="24dp"
|
||||
android:layout_height="24dp"
|
||||
android:background="@drawable/bg_audio_content_tag_first"
|
||||
android:contentDescription="@null"
|
||||
android:padding="3dp"
|
||||
android:src="@drawable/ic_content_tag_first_star" />
|
||||
</LinearLayout>
|
||||
|
||||
<LinearLayout
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="24dp"
|
||||
android:layout_gravity="bottom|start"
|
||||
android:orientation="horizontal">
|
||||
|
||||
<ImageView
|
||||
android:id="@+id/iv_content_audio_list_point_tag"
|
||||
android:layout_width="24dp"
|
||||
android:layout_height="24dp"
|
||||
android:contentDescription="@null"
|
||||
android:src="@drawable/ic_content_tag_point" />
|
||||
|
||||
<TextView
|
||||
android:id="@+id/tv_content_audio_list_free_tag"
|
||||
style="@style/Typography.Body6"
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="24dp"
|
||||
android:background="@drawable/bg_audio_content_tag_free"
|
||||
android:gravity="center"
|
||||
android:includeFontPadding="false"
|
||||
android:minWidth="34dp"
|
||||
android:paddingHorizontal="@dimen/spacing_4"
|
||||
android:text="@string/audio_content_tag_free"
|
||||
android:textColor="@color/white" />
|
||||
</LinearLayout>
|
||||
</FrameLayout>
|
||||
|
||||
<LinearLayout
|
||||
android:layout_width="0dp"
|
||||
android:layout_height="match_parent"
|
||||
android:layout_marginStart="@dimen/spacing_14"
|
||||
android:layout_weight="1"
|
||||
android:gravity="center_vertical"
|
||||
android:orientation="vertical">
|
||||
|
||||
<TextView
|
||||
android:id="@+id/tv_content_audio_list_title"
|
||||
style="@style/Typography.Body1"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:ellipsize="end"
|
||||
android:includeFontPadding="false"
|
||||
android:maxLines="2"
|
||||
android:textColor="@color/white"
|
||||
tools:text="오디오 제목" />
|
||||
|
||||
<TextView
|
||||
android:id="@+id/tv_content_audio_list_creator"
|
||||
style="@style/Typography.Body5"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_marginTop="@dimen/spacing_4"
|
||||
android:ellipsize="end"
|
||||
android:includeFontPadding="false"
|
||||
android:maxLines="1"
|
||||
android:textColor="@color/gray_500"
|
||||
tools:text="크리에이터 이름" />
|
||||
</LinearLayout>
|
||||
</LinearLayout>
|
||||
@@ -0,0 +1,6 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
|
||||
android:id="@+id/ll_content_new_and_hot_rows"
|
||||
android:layout_width="310dp"
|
||||
android:layout_height="wrap_content"
|
||||
android:orientation="vertical" />
|
||||
Reference in New Issue
Block a user