Android / NestedScrollView 내의 RecyclerView 자동 스크롤 문제 (스크롤 밀림 현상)

 

NestedScrollView를 사용할때 주로 내부에 RecyclerView를 많이 사용합니다. 이때 발생하는 문제가 focus가 RecyclerView로 가서 상단에 내용이 더 있음에도 불구하고 RecyclerView가 있는 위치로 Scroll이 되는 것 입니다.

 

이런 현상이 나타나는 이유는 ScrollView가 있을때 자식에 RecyclerView와 같이 Scroll이 가능한 뷰가 있으면, 해당 자식 뷰에게 focus가 뺏기기 때문입니다. 그렇기에 이 문제를 해결하기 위해서는 자식뷰에게 focus가 가지 않도록 만들어야 합니다. 여기서 가장 먼저 드는 생각은 android:focusable(Focus 가능 여부), android:focusableInTouchMode (사용자 터치에 인한 Focus 가능여부) 이겠지만 이 둘은 전혀 효과가 없습니다. 오히려 이 둘을 선언하였을때 다른 문제가 야기될 확률이 높습니다.

 

이 문제를 해결하는 방법은 생각보다 간단합니다. 딱 한 줄이면 충분한데요 바로 다음 코드입니다.

android:descendantFocusability="blocksDescendants"

Android Developer descendantFocusablility 링크

ViewGroup  |  Android 개발자  |  Android Developers

이 속성은 ViewGroup과 그에 파생된 View간의 Focus를 가져가는 관계를 정의하는 속성입니다. 쉽게 말하면 부모가 focus를 가져갈지 자식이 focus를 가져갈지 정하는 속성입니다. 해당 속성에는 3가지의 값을 설정할 수 있는데요.

 

1. afterDescendants
2. 자식들이 focus를 사용하지 않을 경우만 focus를 가진다. (자식에게 먼저준다.)
3. beforeDescendants
4. 자식들보다 먼저 focus를 받는다.
5. blockDescendants
6. 자식이 focus를 받지 못하게 한다.

우리가 설정한 속성은 3번 blockDescendants 입니다. 자식이 포커스를 받을 수 없게 하는 것 이죠. 이제 남은 문제는 이 속성을 어디에 배치할지 입니다. NestedScrollView에 직접 이 속성을 넣으면 자식이 너무 많기 때문에 잘 작동하지 않을 것 입니다. 따라서 이 속성을 넣을때에는 RecyclerView를 감싸고 있는 부모에게 선언해야 됩니다. 아래의 코드를 보면 이해가 쉬울 것 입니다.

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

            android:orientation="vertical"
            //RecyclerView 바로 위의 부모에 선언 
            android:descendantFocusability="blocksDescendants">

            <androidx.recyclerview.widget.RecyclerView                        
                android:layout_width="match_parent"
                android:layout_height="wrap_content"/>
        </LinearLayout>
</androidx.core.widget.NestedScrollView>

이렇게 선언을 해주시면 RecyclerView 가 NestedScrollView의 focus를 가져가는 일이 없을 것 입니다.

 

즐거운 코딩하세요 :)

 

감사합니다.