ViewPager的一个小例子

早就听说有这个ViewPager控件，项目要中使用的也多，ViewPager也是更新到了ViewPager2。但是我一直没有使用过，现在记录一下简单的使用方法。

它的使用和RecycleView、ListView的使用大同小异。也需要适配器和监听事件。相信用过这些控件的同学一定不陌生。
上代码

布局文件

activity_main

<?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=".MainActivity">

    <androidx.viewpager.widget.ViewPager
        android:id="@+id/viewpager_show"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </androidx.viewpager.widget.ViewPager>

</androidx.constraintlayout.widget.ConstraintLayout>

和RecycleView一样需要item布局文件

item布局

<?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"
   android:layout_width="match_parent"
   android:layout_height="match_parent">

   <TextView
       android:id="@+id/show_text"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="TextView"
       app:layout_constraintBottom_toBottomOf="parent"
       app:layout_constraintEnd_toEndOf="parent"
       app:layout_constraintStart_toStartOf="parent"
       app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

适配器

package com.example.viewpagerdemo

import android.content.Context
import android.view.View
import android.view.ViewGroup
import android.widget.TextView
import androidx.viewpager.widget.PagerAdapter

class MyAdapter(context: Context, list: List<String>) : PagerAdapter() {

    private val mContext = context
    private val mList = list

    /**
     * 判断view是不是instantiateItem()返回的view
     */
    override fun isViewFromObject(view: View, `object`: Any) = view == `object`

    /**
     * 初始化界面，添加page
     */
    override fun instantiateItem(container: ViewGroup, position: Int): Any {
        val view = View.inflate(mContext, R.layout.viewpager_item, null)
        val textView: TextView = view.findViewById(R.id.show_text)
        textView.text = mList[position]
        //添加界面
        container.addView(view)
        //返回，view当作一个id
        return view
    }

    /**
     * 返回可滑动的界面的数量
     */
    override fun getCount() = mList.size

    /**
     * 销毁item
     */
    override fun destroyItem(container: ViewGroup, position: Int, `object`: Any) {
        container.removeView(`object` as View)
    }

}

MainActivity

package com.example.viewpagerdemo

import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import androidx.viewpager.widget.ViewPager

class MainActivity : AppCompatActivity() {
    private lateinit var mShow: ViewPager
    private lateinit var mList: List<String>
    private lateinit var mAdapter: MyAdapter

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        mShow = findViewById(R.id.viewpager_show)
        mList = listOf("apple", "banana", "pineapple", "watermelon")
        //初始化适配器
        mAdapter = MyAdapter(this, mList)
        //设置ViewPager的适配器
        mShow.adapter = mAdapter
        //注册监听事件
        mShow.addOnPageChangeListener(object : ViewPager.OnPageChangeListener {
            override fun onPageScrollStateChanged(state: Int) {

            }

            override fun onPageScrolled(
                position: Int,
                positionOffset: Float,
                positionOffsetPixels: Int
            ) {

            }

            override fun onPageSelected(position: Int) {

            }
        })
    }
}

效果图就不再放出来了。。

欢迎留言交流，也可私信。