RecyclerView 기초

개념

• 안드로이드에서 리스트 또는 격자 형태로 데이터를 보여주는 UI 작업은 매우 자주 필요하다. RecyclerView는 큰 데이터들을 나타내기에 효과적으로 설계되었다.
• RecyclerView 는 지금 화면에 보이는 아이템들만 처리하고 그린다.
• 화면을 스크롤하면 모든 뷰들은 재활용 된다.
• 어댑터 패턴은 객체가 다른 API와 함께 잘 작동하도록 도와주는 패턴이다. RecyclerView는 어댑터를 이용해서 앱의 데이터를 보여줄 수 있는 형태로 변형해준다. 앱이 어떻게 그 데이터를 저장, 처리하는지를 바꿀 필요가 없다.

준비물

구현

LayoutManager 있는 RecyclerView 추가

app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"

ViewHolder 만들기

• Step 1 : 하나의 아이템을 위한 레이아웃을 작성한다.

• Step 2 : 뷰 홀더 만들기

class ViewHolder(itemView : View) : RecyclerView.ViewHolder(itemView){}

어댑터 작성

• Step 1 : 어댑터 만들기(핵심)

• Step 2 : 어댑터 달기

class myAdapter : RecyclerView.Adapter<TextItemViewHolder()>{
    var data = listOf<MyData>()
        set(value){
            fleid = value
            notifyDataSetChanged()
        }
}

override fun getItemCount() = data.size

override fun onBindViewHolder(holder: ViewHolder, position: Int) {
    getItem(position).let { plantings ->
        with(holder) {
            itemView.tag = plantings
            bind(createOnClickListener(plantings.plant.plantId), plantings)
        }
    }
}

override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): TextItemViewHolder {
    val layoutInflater = LayoutInflater.from(parent.context)
    val view = layoutInflater
       .inflate(R.layout.text_item_view, parent, false) as TextView
    return TextItemViewHolder(view)
}

val adapter = MyAdapter()
binding.list.adapter = adapter

코드 리팩토링

onBindViewHolder() 리팩토링

1. onBindViewHolder에서 item 선언을 제외한 모든 코드를 선택해서, Refactor > Extract > Function 을 이용해서 함수로 만든다. 함수 이름은 bind() 로 하자.
2. 이제 함수 시그니쳐의 홀더 위에 커서를 놓고 Alt(Option) + Enter 를 눌러서 Convert parameter to receiver 를 선택한다.

private fun ViewHolder.bind(item: ItemType) {...}

3. bind() 함수를 ViewHolder 안으로 옮긴다.
4. bind() 를 public 으로 바꾼다.
5. bind() 를 ViewHolder 안으로 옮겼기 때문에 ViewHolder를 앞에 적어줄 필요는 없다.

fun bind(item: ItemType)

onCreateViewHolder() 리팩토링

1. onCreateViewHolder의 모든 코드를 선택한다.
2. Refactor > Extract > Function. 함수 이름은 from으로 하자.
3. from 함수 위에 커서를 놓고 Alt(Option) + Enter 를 누른다.
4. Move to companion object 를 선택하자. companion object 로 옮겨서 VH 인스턴스가 아니라 VH 클래스에서 호출되게 만들어야 한다.
5. 만들어진 companion object 를 ViewHolder 클래스로 옮긴다.
6. from() 함수를 public 으로 바꾼다.
7. onCreateViewHolder() 메소드에서 return 부분을 ViewHolder.from(parent) 로 바꾼다.

override fun onCreateViewHolder(parent: ViewGroup, viewType: Int) : ViewHolder
{
    return ViewHolder.from(parent)
}

8. 이제 뷰 홀더 클래스 생성자를 private 으로 바꿔주자. 어차피 from() 을 통해서 새로운 인스턴스가 만들어진다.

class ViewHolder private constructor(itemView: View) : RecyclerView.ViewHolder(itemView)
{

}