[kotlin] 코틀린과 Android Jetpack의 ViewPager2를 활용하여 화면 슬라이드 기능을 구현하는 방법은?

18 Dec 2023

kotlin

안드로이드 앱을 개발할 때 화면 슬라이드 기능을 구현하고 싶을 때가 있습니다. 코틀린과 안드로이드 Jetpack의 ViewPager2를 사용하면 간단하게 화면 슬라이드 기능을 구현할 수 있습니다.

ViewPager2 라이브러리 추가하기

먼저, build.gradle 파일에 다음과 같이 ViewPager2 라이브러리를 추가합니다.

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

라이브러리를 추가한 후에는 앱을 빌드하여 라이브러리를 프로젝트에 동기화합니다.

ViewPager2 구현하기

다음으로, 액티비티의 XML 레이아웃 파일에 ViewPager2를 추가합니다.

<androidx.viewpager2.widget.ViewPager2
    android:id="@+id/viewPager"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

그리고 액티비티 또는 프래그먼트에서 ViewPager2를 초기화하고 어댑터를 설정합니다.

val viewPager: ViewPager2 = findViewById(R.id.viewPager)
val adapter = YourPagerAdapter()
viewPager.adapter = adapter

PagerAdapter 구현하기

마지막으로, PagerAdapter를 구현하여 화면에 표시할 내용을 정의합니다. PagerAdapter를 상속한 클래스를 만들고 필요한 메서드를 구현하여 화면에 표시할 뷰를 정의합니다.

class YourPagerAdapter : RecyclerView.Adapter<YourPagerAdapter.YourViewHolder>() {
  
    override fun getItemCount(): Int {
        // 반환할 아이템의 개수를 지정합니다.
    }

    override fun createViewHolder(parent: ViewGroup, viewType: Int): YourViewHolder {
        // 뷰홀더를 생성하고 반환합니다.
    }

    override fun bindViewHolder(holder: YourViewHolder, position: Int) {
        // 각 아이템의 데이터와 뷰를 바인딩합니다.
    }

    class YourViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        // 뷰 홀더 클래스를 정의합니다.
    }
}

이제 앱을 실행하고 ViewPager2로 화면을 슬라이드하여 내용을 확인할 수 있습니다.

위에서 설명한 방법을 따라하면 간단하게 코틀린과 Android Jetpack의 ViewPager2를 활용하여 화면 슬라이드 기능을 구현할 수 있습니다.

더 자세한 내용은 Android Developers 사이트를 참고하시기 바랍니다.