이번 글은 안드로이드 뷰페이저를 사용하며 리사이클러뷰에서 ItemDecoration을 사용했듯
페이지 간 마진을 설정하는 방법에 대해 소개해보려 한다.
뷰페이저에서 페이지 간 마진을 주기 위해서는 먼저 뷰페이저에 PageTransformer를 설정해야 한다.
그리고 MarginPageTransformer 클래스를 사용해 생성자에 마진을 설정할 픽셀 값을 전달하면 된다.
여기서 다들 dp 단위를 사용하고 싶을테니 dp를 px단위로 변환하는 과정이 필요하다.
이젠 코드로 한 번에 살펴보자.
https://gist.github.com/BonusTrack02/aed704c6c989a9345444758894c7acff
ViewPager2 set page margin including dp to px convert
ViewPager2 set page margin including dp to px convert - ViewPager2Sample.kt
gist.github.com
코드는 정말 간단하다.
뷰페이저에 위에 설명한 클래스를 set하기만 하면 끝이다.
다들 눈치챘겠지만 gist에서는 뷰바인딩을 사용해 뷰를 제어하고 있기 때문에 viewPager2앞에 binding 변수가 붙어있다.
추가로 RecyclerView에서 ItemDecoration을 사용한 글을 보고 싶다면 아래 글을 확인해보길 추천한다.
https://bonustrack02.tistory.com/entry/Android-RecyclerView-ItemDecoration-in-Kotlin
Android RecyclerView ItemDecoration in Kotlin
내가 이 클래스를 사용하게 된 이유 내가 사용하던 RecyclerView에는 각 아이템 하단에 구분선(Divider)이 있다. 이전에는 해당 아이템을 구성하는 xml에 MaterialDivider를 배치했었다. 새로운 요구사항이
bonustrack02.tistory.com
'Android' 카테고리의 다른 글
| Android Jetpack Compose ConstraintLayout match constraint (2) | 2023.12.25 |
|---|---|
| Android Transparent Activity 만들기(투명 액티비티) (0) | 2023.11.25 |
| Android DateRangePicker Get Selected Dates (0) | 2023.10.27 |
| Android DateRangePicker Custom Settings - 3. Constraints Date (0) | 2023.10.25 |
| Android DateRangePicker Custom Settings - 2. Current Date (0) | 2023.10.24 |
