[안드로이드] 뷰페이저2 - 옆 프래그먼트 미리 보여주기

<MainActivity.Kt>

뷰페이저2를 xml 상에서 설정하고 id를 pager로 설정해준 상태다.

val pagerWidth = resources.getDimensionPixelOffset(R.dimen.pagerWidth)
val screenWidth = resources.displayMetrics.widthPixels
val pagerPadding = ((screenWidth - pagerWidth ) * 0.5).toInt()
val offsetPx = ((screenWidth - pagerWidth)* 0.25).toInt()

pager.clipToPadding = false
pager.clipChildren = false
pager.setPadding(pagerPadding, 0, pagerPadding, 0)
pager.setPageTransformer { page, position ->
    page.translationX = position * offsetPx
}

 

1. R.dimen 파일 안에 원하는 프래그먼트의 너비(width)를 설정해둔다.

<resources>
    <dimen name="pagerWidth">360dp</dimen>
</resources>

 

2. setPadding(left, top, right, bottom) 설정  => 페이저 안에 패딩을 설정

 

 

3. offset 설정 => 이전 프레그먼트와의 간격을 의미한다.