[안드로이드 공부]/UI

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

코코모아 2020. 12. 23. 16:04

아래는 코모스튜디오가 직접 만든 무료 앱이에요
(한 번만 봐주세요 ^^)

01

02

03

정각알림 만들기(말하는시계)

말하는 시계 (취침, 자전거) 

말하는 타이머 음성 스톱워치 

하단이 넘어감

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

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

 

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" 을 삭제 해주어야 한다.

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

모든 게시물은 코모스튜디오의 소유이며, 무단 복제 수정은 절대 불가입니다.
퍼가실 경우 댓글과 블로그 주소를 남기고 해당 게시물에 출처를 명확히 밝히세요.