viewpager 사용 시 하단 영역을 벗어날 경우

하단이 넘어감

위와 같이 아래 영역을 넘어가게 되어

하단에 버튼등을 고정 시킬 경우 보이지 않는 문제가 발생한다.

 

1. viewpager의 marginBottom="?actionBarSzie"

로 하게 될 경우 버튼은 보이지만 스크롤 할 경우 같이 올라가며 하단 빈 영역이 보이게 된다.

 

2. Tab과 CollapsingToolbarLayout 를 사용 할 경우

다른 레이아웃으로 감싸주면 스크롤 범위가 영역과 맞아져저 해결은 되지만,

탭의 구성이 찌그러지게 된다. 즉, CoordinatorLayout 아래 다른 레이아웃으로 감싸면 안됨.

 

3. 원인은 

app:layout_behavior="@string/appbar_scrolling_view_behavior"

뷰 페이저의 스크롤링을 적용했기 때문에 하단으로 더 길게 스크롤 되어 보이지 않는 것이다.

즉, 위 적용을 삭제 하면 문제가 해결됨~

 

4. 그러나

3번을 적용하면 탭 아래 부터 스크롤이 되는 것이 아니라 탭 부터 스크롤 영역으로 잡히기 때문에 탭 아래로 레이아웃이 들어가게된다.

진짜 원인은

CollapsingToolbarLayout 의

app:layout_scrollFlags="scroll|snap" 을 삭제 해주어야 한다.

접으려고 하기 때문에 아래 영역이 더 추가 되어있기~때문에 발생하는 것임~