Android 《ViewPager》简单应用

布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical"
    tools:context=".ViewPagerActivity">
    <androidx.viewpager.widget.ViewPager
        android:id="@+id/vp_content"
        android:layout_width="match_parent"
        android:layout_height="370dp"/>
</LinearLayout>

Activity

package com.galanz.app_ui_advance;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.viewpager.widget.PagerAdapter;
import androidx.viewpager.widget.ViewPager;

import android.content.Context;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import com.galanz.app_ui_advance.bean.GoodsInfo;
import java.util.ArrayList;
import java.util.List;

public class ViewPagerActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_view_pager);

        ViewPager vp_content = findViewById(R.id.vp_content);
        ArrayList<GoodsInfo> defaultList = GoodsInfo.getDefaultList();
        vp_content.setAdapter(new ImagePagerAdapter(this,defaultList));
        //添加事件切换监听
        vp_content.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {

            /***
             * 翻页过程中触发，改方法三个参数说明
             * @param position 当前页的序号
             * @param positionOffset 页面偏移百分比（0-》1）
             * @param positionOffsetPixels 页面偏移的距离
             */
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                Log.i("xian", String.format(" %d %f %d",position,positionOffset,positionOffsetPixels));
            }

            /**
             * 页面翻页结束后触发
             * @param position 当前滑动到哪一个页面
             */
            @Override
            public void onPageSelected(int position) {
                Log.i("xian","onPageSelected is "+position);
            }
            /**
             * 翻页状态改变时触发，state 0=> 静止 1=>正在滑动 2=>滑动完毕
             * //翻页过程中，状态值 ： 1（正在滑动）-》2（滑动完毕）-》0（静止）
             * @param state
             */
            @Override
            public void onPageScrollStateChanged(int state) {
                Log.i("xian","state is "+state);
            }
        });

    }
}


class ImagePagerAdapter extends PagerAdapter{

    private Context ctx;
    private List<GoodsInfo> data;

    private List<ImageView> imageViews = new ArrayList<>();

    public ImagePagerAdapter(Context ctx, List<GoodsInfo> data) {
        this.ctx = ctx;
        this.data = data;
        this.data.forEach(item->{
            ImageView view = new ImageView(ctx);
            view.setImageResource(item.pic);
            //设置属性
            view.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,ViewGroup.LayoutParams.WRAP_CONTENT));
            imageViews.add(view);
        });
    }

    @Override
    public int getCount() {
        return data.size();
    }
    /**
     *
     * @param view
     * @param object
     * @return
     */
    @Override
    public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
        return view ==object;
    }
    // 实例化指定位置的页面，并将其添加到页面
    @NonNull
    @Override
    public Object instantiateItem(@NonNull ViewGroup container, int position) {
        //添加一个view到Container中，并返回一个与view 关联的对象object
        // 返回的对象可以是view自身，也可以是其余对象
        //关键是在isViewFromObject可以把view 和这个object关联起来
        ImageView imageView = imageViews.get(position);
        container.addView(imageView);

        return imageView;
    }
    //页面滑动页面销毁
    @Override
    public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
        container.removeView(imageViews.get(position));
    }
}

效果图