[Android] ViewPager1과 ViewPager2

1. ViewPager

​

ViewPager는 데이터를 페이지 단위로 표시하고 좌/우 뒤집기를 통해 페이지를 전환하는 컨테이너이다.

​

​

​

1.2. 안드로이드 어댑터(Adapter)

​

안드로이드에서 데이터리스트를 아이템 단위의 뷰 또는 뷰 집합으로 표시할 때, 어댑터(adapter)를 사용한다.

안드로이드 어댑터(Adapter)는 데이터 리스트를 입력받아 화면에 표시할 뷰들을 생성한다.

​

​

안드로이드 어댑터_yxxnForest

​

각 어댑터들의 특성에 따라 다르게 method 가 작성되어야 한다. 따라서 각각의 method는 오버라이드(override)되어야 한다.

​

​

​

​

1.3. 페이저어댑터 PagerAdapter

​

페이저어댑터(PagerAdapter)는 뷰페이저(ViewPager)의 페이지뷰를 생성하는데 사용되는 어댑터 클래스이다.

​

​

페이저어댑터_yxxnForest

​

​

PagerAdapter 는 추상 클래스로, PagerAdapter 를 부모 클래스로 하여 이를 상속받은 어댑터 클래스 객체를 구현해야 한다.

​

​

페이저어댑터 추상클래스_yxxnForest

​

​

​

자식 어댑터 구현 시 오버라이드(override)해야 하는 methode

instantiateItem(ViewGroup, int)	position에 해당하는 페이지 생성 (예. 페이지1->2->3)
destroyItem(ViewGroup, int, Object)	position 위치의 페이지 제거 (예. 페이지1->2->3)
getCount()	사용 가능한 뷰의 개수를 반환, 뷰페이저의 전체 페이지 수 결정 (예. 페이지 3개)
isViewFromObject(View, Object)	페이지뷰가 특정 키 객체(key object)와 연관되는지 여부

​

​

​

1.4 뷰페이저의 페이저 생성과 관리

​

뷰페이저는 항상 현재 위치한 페이지를 포한하여 좌 - 우 하나 씩, 총 세 개의 페이지를 생성 및 관리한다.

​

뷰페이저의 페이저 생성과 관리_yxxnForest

​

​

​

2. ViewPager2

​

좌우 스크롤링만 가능했던 ViewPager1과 다르게 상하좌우 스크롤링이 가능하다.

ViewPager2는RecyclerView를 기반으로 한다.

PagerAdapter에서 RecyclerView.Adapter로 대체가능하다.

notifyDataSetChanged 기능 사용 가능하다

페이지 이벤트를 addPgerChangeListener()에서 RegisterOnpageCallBack()으로 대체한다.

FragmentStatePagerAdapter에서 FragmentStateAdapter로 대체한다.

​

​

​

ViewPager2를 사용하기 위해서는 bulid.gradle(Module:app) 파일에 다음 AndroidX 종속 항목을 추가해야 한다.

dependencies { implementation "androidx.viewpager2:viewpager2:1.0.0" }

​

​

​

메인 레이아웃 xml 파일에 <ViewPager2> 위젯을 추가한다.

activity_main.xml

<androidx.viewpager2.widget.ViewPager2 xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/pager" android:layout_width="match_parent" android:layout_height="match_parent" />

​

​

​

ViewPager2는 RecyclerView와 사용법이 같다. 따라서 RecyclerView.Adapter와 ViewHolder가 필요하다.

​

​

RecyclerView.Adapter를 구현하기 위해서 오버라이드(override)되어야 하는 methode 가 있다.

createViewHolder(ViewGroup parent, int viewType)	viewType형태의 아이템 뷰를 위한 뷰홀더 객체 생성
onBindViewHolder(ViewHolder holder, int position)	position 에 해당하는 데이터를 뷰홀더의 아이템뷰에 표시 (나: 각 뷰에 들어가야할 데이터를 아이템 위치에 맞게 데이터 대입해주는 것)
getItemCount()	전체 아이템 개수 반환 (나: 전체 뷰의 수. 몇 페이지가 있나)

​

​

​

자세한 예제는 추후에 토이프로젝트를 통해 정리할 예정이다.

​

​

​

​

​

​

공부할 때 참고한 자료

https://recipes4dev.tistory.com/148

https://lakue.tistory.com/18

https://developer.android.com/reference/kotlin/androidx/viewpager/widget/PagerAdapter

https://recipes4dev.tistory.com/154?category=790402

https://developer.android.com/reference/kotlin/androidx/recyclerview/widget/RecyclerView.Adapter

https://www.youtube.com/watch?v=FJvUKLNx6nw&list=PLhba_6zsWOEJr53c2yvx5IC--XRQpdLM6&index=3&t=0s

[출처] [Anroid] ViewPager1과 ViewPager2|