[Android] NestedScrollView에 대해 알아보자!

1. NestedScrollView를 사용하게 된 배경

안드로이드 앱을 개발하면서 RecyclerView를 정말 많이 활용했던 것 같다.
최근에 개발중인 앱에서도 RecyclerView를 사용하고 있는데, 개발하는 도중에 한가지 문제점이 생겼다.

위의 이미지는 최근에 개발중인 앱의 일부 화면이다.
여기서 파란색 LinearLayout은 사용자의 선택에 따라 visible 값이 true 또는 false가 되는데, 파란색 LinearLayout이 보여지는 경우에 맨 아래에 위치한 RecyclerView가 차지하는 공간이 매우 작아진다.

따라서 이렇게 구현하게 되면 앱을 사용하는 입장에서 매우 불편하다고 느끼게 될 것이므로, 이 문제를 반드시 해결해야 했고, 이에 따라 NestedScrollView를 사용하게 되었다.

---

2. NestedScrollView??

NestedScrollView는 사실 ScrollView이다.
안드로이드 공식 문서에서도 "NestedScrollView is just like ScrollView" 라고 작성되어 있다.
심지어 사용하는 방법도 ScrollView와 다를 것이 별로 없다.

그렇다면 굳이 왜 ScrollView 말고 NestedScrollView를 사용하는가?
이 질문에 대답을 하기 위해서는 먼저 ScrollView를 사용했을 때의 문제점이 무엇인지 알아야 한다.

ScrollView를 사용했을 때의 문제점

아래는 ScrollView안에 RecyclerView를 사용했을 때, 스크롤이 되는 모습이다.

이 경우에 RecyclerView만 스크롤 되다가 더 이상 RecyclerView에서 스크롤을 할 수 없을 때, ScrollView가 스크롤 되는 것을 알 수 있다.

이처럼 ScrollView안에 RecyclerView를 사용하면 상당히 좋지 않은 성능을 보여주는데, 아마도 ScrollView와 RecyclerView의 스크롤 이벤트 처리에서 문제가 생겨서 이러한 문제가 발생하지 않을까 라는 생각이 든다. (나중에 더 자세히 알아봐야지)

NestedScrollView를 사용하면 문제 해결!

아래는 NestedScrollView안에 RecyclerView를 사용했을 때, 스크롤이 되는 모습이다.

ScrollView를 사용했을 때와 달리, 모든 View들이 함께 스크롤 되는 것을 확인할 수 있다.

---

3. NestedScrollView 사용법

NestedScrollView의 사용법은 ScrollView와 다를 것이 없고, 코드는 아래와 같다.

<androidx.core.widget.NestedScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">
      
      <!-- 이 부분에 RecyclerView를 비롯한 여러 View들을 배치하면 된다. -->
      <androidx.recyclerview.widget.RecyclerView
          android:id="@+id/recyclerView"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:layout_marginTop="10dp"
          android:nestedScrollingEnabled="false"
          android:overScrollMode="never"
          android:visibility="gone" />
      
    </LinearLayout>
</androidx.core.widget.NestedScrollView>

여기서 한 가지 조심해야 하는 것은 RecyclerView의 nestedScrollingEnabled 값을 false로 설정해야 한다는 것이다.

참고로 위의 코드에서 RecyclerView의 overScrollMode 값을 never로 설정한 것은 RecyclerView의 스크롤 효과를 없애기 위해서이다.

---

4. NestedScrollView 사용을 지양하는 경우

NestedScrollView안에 RecyclerView를 사용할 경우, RecyclerView는 아이템을 전부 미리 생성하게 되고, 이에 따라 뷰를 재사용하여 메모리 효율을 높일 수 있는 RecyclerView의 장점이 사라진다.
따라서 아이템이 많은 경우에는 NestedScrollView안에 RecyclerView를 사용하는 것을 지양하는 것이 좋다고 한다.

그럼 아이템이 많은 경우는 어떻게?

RecyclerView에서 여러 개의 ViewHolder를 사용할 수 있도록 ViewHolder를 관리해주면 된다.

위에서 사용했던 화면을 예시로 들면, 다음과 같은 구조로 구현하면 된다.

따라서 RecyclerView의 Adapter 클래스에서는 다음과 같은 작업을 구현하면 된다.

1. override fun getItemViewType(position: Int): Int 함수를 오버라이딩 해서 각각의 아이템에 대하여 다른 Int 값을 리턴한다.
2. override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerView.ViewHolder 함수에서 viewType(1번에서 리턴한 값)에 따라, 서로 다른 layout을 inflate 한 후, ViewHolder를 생성해서 리턴한다.
3. override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int) 함수에서 holder.itemViewType 값에 따라, viewHolder에 데이터를 설정한다.

여러개의 ViewHolder를 사용하는 경우에도 NestedScrollView를 사용했을 때와 같이 자연스럽게 스크롤이 작동함을 확인할 수 있다.

바로 위에 있는 예시의 코드는 Github를 참고하면 될 것 같다.