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