🎧 0. 오늘의 추천곡

몽롱한 노랜데, 실제로 마약에 취한 채 가사를 적었다고 하네요.

📗 1. 챌린지반 과제 진행

제가 진행한 과제는 2가지입니다. 첫 번째는 ListAdapter와 Multi ViewType을 이용한 RecyclerView이고,

두 번째는 세로/가로 모드에 따른 프래그먼트 변화입니다.

1-1. ListAdapter와 ViewType

package com.android.nbc_c_assignment1.challenge4_1

import android.view.LayoutInflater
import android.view.ViewGroup
import androidx.recyclerview.widget.ListAdapter
import androidx.recyclerview.widget.RecyclerView
import com.android.nbc_login.databinding.LayoutContactListFavoriteBinding
import com.android.nbc_login.databinding.LayoutContactListNormalBinding

enum class ViewType {
    NORMAL, FAVORITE
}

class ContactListAdapter(private val viewModel: ContactListViewModel) : ListAdapter<ContactListData, RecyclerView.ViewHolder>(
    ContractListDiffCallback()
) {
//    fun initList() {
//        val list = viewModel.getList()
//        if (list != null) {
//            val partition = list.partition { it.isFavorite }
//            favoriteList = partition.first
//            normalList = partition.second
//        }
//    }

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerView.ViewHolder {
        val viewHolder: RecyclerView.ViewHolder
        when(viewType) {
            ViewType.NORMAL.ordinal -> {
                val binding = LayoutContactListNormalBinding.inflate(LayoutInflater.from(parent.context), parent, false)
                viewHolder = NormalViewHolder(binding)
            }
            else -> {
                val binding = LayoutContactListFavoriteBinding.inflate(LayoutInflater.from(parent.context), parent, false)
                viewHolder = FavoriteViewHolder(binding)
            }
        }
        println("$viewHolder $viewType")
        return viewHolder
    }

    override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int) {
        when(holder) {
            is NormalViewHolder -> holder.bind(viewModel, position, itemLongClick)
            is FavoriteViewHolder -> holder.bind(viewModel, position, itemLongClick)
        }
    }

    override fun getItemViewType(position: Int): Int {
        println("h $position ${viewModel.getList()?.get(position)?.isFavorite}")
        return if (viewModel.getList()?.get(position)?.isFavorite == true) ViewType.FAVORITE.ordinal else ViewType.NORMAL.ordinal
    }

    override fun getItemCount(): Int = viewModel.getList()!!.size

    override fun getItemId(position: Int): Long = position.toLong()

    interface ItemClick {
        fun onClick()
    }

    var itemLongClick: ItemClick? = null

}

class ContactListAdapter(private val viewModel: ContactListViewModel) : ListAdapter<ContactListData, RecyclerView.ViewHolder>(
    ContractListDiffCallback()
)

오늘은 일단 코드를 간단하게 설명만 하고, 내일 복습하고 정리할 수 있도록 해보겠습니다.

먼저 ListAdapter<데이터, 뷰홀더>(DiffCallback)를 상속받습니다.

여기서 데이터는 데이터 클래스를 넣어주면 되는데, 다양한 데이터 클래스를 쓸 땐 sealed class를 사용하는 게 좋습니다.

 override fun getItemViewType(position: Int): Int {
        println("h $position ${viewModel.getList()?.get(position)?.isFavorite}")
        return if (viewModel.getList()?.get(position)?.isFavorite == true) ViewType.FAVORITE.ordinal else ViewType.NORMAL.ordinal
    }

먼저 viewType을 지정해줘야 합니다.

저같은 경우는 즐겨찾기를 구현했기에, 데이터 클래스 안의 값만 가지고 뷰타입을 나눠줬습니다.

 override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerView.ViewHolder {
        val viewHolder: RecyclerView.ViewHolder
        when(viewType) {
            ViewType.NORMAL.ordinal -> {
                val binding = LayoutContactListNormalBinding.inflate(LayoutInflater.from(parent.context), parent, false)
                viewHolder = NormalViewHolder(binding)
            }
            else -> {
                val binding = LayoutContactListFavoriteBinding.inflate(LayoutInflater.from(parent.context), parent, false)
                viewHolder = FavoriteViewHolder(binding)
            }
        }
        println("$viewHolder $viewType")
        return viewHolder
    }

이후, 이 뷰타입에 따라 어떤 뷰홀더를 지정해줄지를 설정해줍니다.

override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int) {
        when(holder) {
            is NormalViewHolder -> holder.bind(viewModel, position, itemLongClick)
            is FavoriteViewHolder -> holder.bind(viewModel, position, itemLongClick)
        }
    }

마지막으로, 뷰홀더에 따라 데이터들을 바인딩해줍니다.

일단 구조는 이렇게 돼 있고, 하나하나 자세한 설명들은 내일 가능하게 열심히 복습해오겠습니다...!

1-2. 가로 / 세로 모드

안드로이드 스튜디오는 기본적으로 세로 모드를 지원하고, 가로 모드는 자동적으로 세로 모드를 기반으로 만들어줍니다.

이때, 가로 모드를 원하는 대로 바꿀 수 있습니다.

layout에 가로 모드를 activity의 xml 명을 동일하게 만들고, 디렉토리 이름을 layout-land으로 지정해주면 됩니다.

프래그먼트의 경우, 가로, 세로에서 어떤 id를 쓸지, 어떤 쪽에 어떤 프래그먼트를 붙일지도 달라질 수 있기에,

현재 상태가 가로인지 세로인지 파악할 수 있는 코드가 필요합니다.

이때 필요한 게 Configuration입니다.

val config = Resources.getSystem().configuration
fun setFragment(config: Configuration, isClick: Boolean = false) {
        if( config.orientation == Configuration.ORIENTATION_PORTRAIT ) {
            if(!isClick) {
                supportFragmentManager.commit {
                    replace(R.id.fragment, titleFragment)
                    setReorderingAllowed(true)
                    addToBackStack("title")
                }
            } else {
                supportFragmentManager.commit {
                    replace(R.id.fragment, detailFragment)
                    setReorderingAllowed(true)
                    addToBackStack("detail")
                }
            }

        } else if ( config.orientation == Configuration.ORIENTATION_LANDSCAPE ) {
            supportFragmentManager.commit {
                setReorderingAllowed(true)
                replace(R.id.fragment_title, titleFragment)
                replace(R.id.fragment_detail, detailFragment)
            }
        }
    }

Configuration은 Resources.getSystem().configuration으로 가져오거나, resources.configuration으로 가져올 수 있습니다.

여기서 orientation이라는 녀석의 값이 ORIENTATION_PORTRAIT(세로)인지 LANDSCAPE(가로)인지 알아내서

비교해주면 되겠습니다.

1-3. 폴더블 폰도 구현 가능할까?

갤럭시 Z Flip을 써보신 분들이 있으시면, 카메라를 키고, 반쯤 접으면 카메라 앱이 달라지는 걸 아실 텐데요.

그렇다는 건, 이걸 지원한다는 뜻이 될 거라는 생각에 한번 찾아봤습니다.

공식 문서 - Jetpack WindowManager

사실 이것도 구현해보고 싶었는데, 어쩌다보니 시간이 없어서 에뮬레이터밖에 못 찾았습니다.

공식 문서 - 에뮬레이터 출시 노트 30.0.26

여기에 적힌 config.ini를 기존의 에뮬레이터의 config.ini에 추가로 적어주면 무려 유사 Z Flip을 만들 수 있습니다.

이게 과제는 아니지만, 뭔가 만들어보고 싶어서 찾아보게 됐습니다.

시간이 남으면 꼭 활용해보고 싶네요.

🎯 2. 끝

내일은 레포지토리 패턴을 뷰 모델에 적용시켜 보고,

RecyclerView ListAdapter, ViewType을 복습하고...

코루틴을 공부하고.....

폴더블 화면에 대한 것도 공부해보고.........................

할 게 많네요.

끝.