모바일로 웹사이트를 보다보면 좌우로 화면을 밀면 스륵하고 이동하는 기능이 대부분이다. 오늘은 그 부분을 구현할 수 있는 ViewPager에 대해서 알아보자.

ViewPager는 ViewPager와 ViewPager2가 있는데 오늘은 ViewPager2를 알아볼것이다. ViewPager보다 ViewPager2가 얻을 수 있는 이점이 많기 때문이다.

ViewPager의 사용 이유

버튼이벤트를 따로 설정하지 않아도 화면 밀기만해도 다른 프래그먼트로 이동이 가능해 이 부분만으로 ViewPager의 사용 이유는 충분하다.

ViewPager2의 이점

• 세로 페이징 지원

• 이동방향 지정가능

  • 왼쪽에서 오른쪽, 혹은 오른쪽에서 왼쪽으로 이동하는 방향을 android:layoutDirection 속성을 설정하여 ViewPager2요소를 수동으로 설정 가능

• 수정 가능한 프래그먼트

  • 런타임시 프래그먼트를 동적으로 수정할 수 있으며, ViewPager2는 수정된것을 올바르게 표시 가능하다. notifyDataSetChanged를 이용해서 업데이트(프래그먼트 교체) 가능가 가능하다는것이다.

실습

이제 실습을 해보도록하자

먼저 프래그먼트를 필요한 만큼 만들어보자.

위 사진처럼 따라서 프래그먼트를 생성했다면 메인xml에 ViewPager2를 배치해주도록 하자.

다음은 각각의 프래그먼트 xml을 작성해준다.

ViewPager 어탭터

이제 ViewPager 어탭터를 하나 생성해주고 다음과 같이 코드를 작성한다.

이제 메인 액티비티에서 ViewPager 어탭터를 지정해주면 된다.

binding 설정을 해줬다면

	 binding.viewpager.adapter = ViewPagerAdapter(this)
     

위코드 한줄만 써준다면 완료되것이다.

이제 앱을 실행시키고나면 화면이 좌우로 잘 움직이는걸 볼 수 있다.