RecyclerView (7) - RecyclerView 에 header, footer 달기

300x250

300x250

이번 포스팅에서는 RecyclerView 에 header 와 footer 를 추가할 것이다.

RecyclerView 에 header, footer 를 추가하면 하단 그림과 같이 화면 상단과 하단에 별도의 view 를 지정할 수 있다.

추가한 header, footer 는 list item 에 상관없이 항상 고정으로 출력된다.

 

 

참고로, 지난 포스팅에서는 RecyclerView 에 image + text 출력, click 처리, menu 출력, Item 삽입, 수정, 삭제 하는 방법에 대해 알아 보았다.

[Android/UI] - RecyclerView (6) - RecyclerView item 추가, 수정, 삭제

[Android/UI] - RecyclerView (5) - RecyclerView item long click 시 popup menu 출력하기

[Android/UI] - RecyclerView (4) - RecyclerView item click 시 context menu 출력하기

[Android/UI] - RecyclerView (3) - RecyclerView item 의 click 처리하기

[Android/UI] - RecyclerView (2) - RecyclerView 에 image + text 출력하기

Header & footer layout resource 추가

Header, footer 에 사용될 view layout resource 를 추가하자.

 

 

Header & footer view holder 추가

RecyclerView 에 header, footer 를 추가하기 위해서는 하단과 같이 header, footer view holder 를 추가해야 한다.

 

 

Header & footer view type 추가

각 view holder 를 구분하기 위해 type 을 추가한다.

예제 프로젝트에서는 각 holder 가 다른 layout resource 를 쓰고 있어서 해당 resource 를 type 에 사용했다.

 

 

 

Adapter 의 ViewHolder 수정

지금까지의 포스팅에서는 하나의 view holder(PhRecyclerViewHolder) 를 사용했다.

Header, footer 가 추가되면 view holder 가 2개 더 추가되어 하단과 같이 부모 class 인 ViewHolder 로 수정해야 한다.

 

Adapter 에 추가된 view holder 수정사항 적용

 

Click event 처리

RecyclerView 의 header, footer view 에 click 처리를 하기 위해서는 click event listener 를 직접 등록해야 한다.

 

 

 

 

Source code

https://github.com/parkho79/RecyclerView_7