안녕하세요 . 세로방향 리사이클러뷰 안에 카테고리별 데이터를 담을 가로방향 리사이클러뷰를 하나 더 넣었습니다. 여기서 문제는 잘 돌아가던 코드가, VIewType으로 변경하니 가로방향이 아닌 세로 방향으로 나온다는 겁니다.
XML에서
android:orientation="horizontal"
app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
이렇게도 넣어보고, 코드로도 조작해 보았으나 계속 세로방향으로 되곤합니다. 혹시 VIewType 바꾸게 되면 추가적으로 설정해줘야 할 게 있나요?
<리사이클러뷰 xml>
<?xml version="1.0" encoding="utf-8"?>
<layout 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">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/rv_saved_list"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="@{()->newsClickListener.onClick(news)}"
android:orientation="horizontal"
app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:listitem="@layout/item_saved" />
</androidx.constraintlayout.widget.ConstraintLayout>
</layout>
<그 안에 담길 item>
<?xml version="1.0" encoding="utf-8"?>
<layout 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">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="160dp"
android:layout_height="240dp"
android:onClick="@{()->newsClickListener.onClick(news)}"
android:padding="8dp">
<com.google.android.material.imageview.ShapeableImageView
android:id="@+id/iv_saved_image"
imageUrl="@{news.urlToImage}"
android:layout_width="150dp"
android:layout_height="150dp"
android:scaleType="centerCrop"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:shapeAppearance="@style/NewsImageView"
tools:src="@tools:sample/avatars" />
<TextView
android:id="@+id/tv_saved_title"
style="@style/NewsTitle"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:lineHeight="16sp"
android:text="@{news.title}"
android:textSize="18sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/iv_saved_image"
tools:text="Title" />
<TextView
android:id="@+id/tv_saved_published_at"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginVertical="8dp"
android:text="@{StringExtensionsKt.formatDate(news.publishedAt)}"
android:textSize="12sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/tv_saved_title"
tools:text="2023/12/25" />
</androidx.constraintlayout.widget.ConstraintLayout>
</layout>
<바깥쪽 어탭터>
class SavedListAdapter(private val clickListener: NewsClickListener) :
ListAdapter<SavedArticle, RecyclerView.ViewHolder>(diffUtil) {
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerView.ViewHolder {
return when (viewType) {
VIEW_TYPE_CATEGORY -> SavedCategoryViewHolder.from(parent)
else -> SavedItemViewHolder.from(parent)
}
}
override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int) {
when (holder) {
is SavedCategoryViewHolder -> holder.bind(getItem(position) as SavedCategory)
is SavedItemViewHolder -> holder.bind(getItem(position) as TopHeadlineList, clickListener)
}
}
override fun getItemViewType(position: Int): Int {
return when (getItem(position)) {
is SavedCategory -> VIEW_TYPE_CATEGORY
is TopHeadlineList -> VIEW_TYPE_ITEM
}
}
class SavedCategoryViewHolder(private val binding: ItemCategoryBinding) :
RecyclerView.ViewHolder(binding.root) {
fun bind(savedCategory: SavedCategory) {
binding.savedCategory = savedCategory
}
companion object {
fun from(parent: ViewGroup): SavedCategoryViewHolder {
return SavedCategoryViewHolder(
ItemCategoryBinding.inflate(
LayoutInflater.from(parent.context),
parent,
false
)
)
}
}
}
class SavedItemViewHolder(private val binding: ItemSavedListBinding) :
RecyclerView.ViewHolder(binding.root) {
fun bind(news: TopHeadlineList, clickListener: NewsClickListener) {
binding.topHeadlineList = news
binding.newsClickListener = clickListener
binding.rvSavedList.apply {
adapter = SavedItemAdapter(clickListener).apply {
submitList(news.newsList)
}
}
}
companion object {
fun from(parent: ViewGroup): SavedItemViewHolder {
return SavedItemViewHolder(
ItemSavedListBinding.inflate(
LayoutInflater.from(parent.context),
parent,
false
)
)
}
}
}
companion object {
private const val VIEW_TYPE_CATEGORY = 0
private const val VIEW_TYPE_ITEM = 1
}
<아이템 어댑터>
class SavedItemAdapter(private val clickListener: NewsClickListener) :
ListAdapter<News, SavedItemAdapter.SavedItemViewHolder>(diffUtil) {
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): SavedItemViewHolder {
return SavedItemViewHolder.from(parent)
}
override fun onBindViewHolder(holder: SavedItemViewHolder, position: Int) {
holder.bind(currentList[position], clickListener)
}
class SavedItemViewHolder(private val binding: ItemSavedBinding) :
RecyclerView.ViewHolder(binding.root) {
fun bind(news: News, clickListener: NewsClickListener) {
binding.news = news
binding.newsClickListener = clickListener
}
companion object {
fun from(parent: ViewGroup): SavedItemViewHolder {
return SavedItemViewHolder(
ItemSavedBinding.inflate(
LayoutInflater.from(parent.context),
parent,
false
)
)
}
}
}
}
리사이클러뷰 어댑터와 아이템 어댑터를 연결하는 부분은 노란색으로 표시된 부분입니다.
진짜 다양하게 시도 했는데 도저히 안되네요 ㅠㅠㅠ
