ViewPager (Fragment Slider)

ViewPager 로 화면이 쒹쒹 넘어가는? 기능을 만들어보겠습니다.

 

일단 xml에 viewpager를 삽입해줍니다.

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".ContentsList.ContentsListActivity">

    <androidx.viewpager.widget.ViewPager
        android:id="@+id/viewpager_main"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toTopOf="parent"
        />

</androidx.constraintlayout.widget.ConstraintLayout>

 

그 다음 Adapter를 만들어줍니다.

 

페이지가 0 일 때 FirstFragment, 1일 때 Second, 나저미는 Third 이런식으로 나옵니다.

 

class MyPagerAdapter(fm: FragmentManager) : FragmentPagerAdapter(fm) {

    override fun getItem(position: Int): Fragment {
        return when (position) {
            0 -> {
                FirstFragment()
            }
            1 -> SecondFragment()
            else -> {
                return ThirdFragment()
            }
        }
    }

    override fun getCount(): Int {
        return 3
    }


}

 

그 다음 Adapter를 연결해줍니다.

 

class ContentsListActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {

        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_contents_list)

        val fragmentAdapter = MyPagerAdapter(supportFragmentManager)

        viewpager_main.adapter = fragmentAdapter



    }

}

 

여기까지 하면 끝이고 아래와 같이 Fragment가 하나씩 나옵니다.

 

환면을 슬라이딩 해주면 됩니다~