ViewPager应用一引导页

效果

说明：最后一次时候出现倒计时，自行添加跳过功能以及小白点。
分析：1ViewPager+4ImageView+PagerAdapter

一.Activity布局

<RelativeLayout 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=".PagerActivity">

   <android.support.v4.view.ViewPager
       android:id="@+id/pager1"
       android:layout_width="match_parent"
       android:layout_height="match_parent">
   </android.support.v4.view.ViewPager>

   <TextView
       android:id="@+id/txt_pager"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_alignParentBottom="true"
       android:layout_alignParentRight="true"
       android:textSize="35sp"/>

</RelativeLayout>

二.Activity代码

public class PagerActivity extends AppCompatActivity {

    private ViewPager viewPager;
    private ArrayList<ImageView> imageViews;
    private ArrayList<Integer> imageids;
    private TextView txt_pager;

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

        initView();
        initDate();

        MyPagerAdapter myPagerAdapter = new MyPagerAdapter(imageViews);
        viewPager.setAdapter(myPagerAdapter);



        /**
         * 滑到最后一页的时候，倒计时10秒跳转页面
         */
        viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int i, float v, int i1) {

            }

            @Override //第一页i=0
            public void onPageSelected(final int i) {
                if(i == imageViews.size()-1){
                    //到最后一页的时候倒计时10秒后跳转页面
                    CountDownTimer countDownTimer = new CountDownTimer(10000,1000) {
                        @Override
                        public void onTick(long millisUntilFinished) {
                            txt_pager.setText("剩余："+millisUntilFinished+"毫秒");
                        }

                        @Override
                        public void onFinish() {
                            Intent intent = new Intent(PagerActivity.this,MainActivity.class);
                            startActivity(intent);
                        }
                    }.start();
                }
            }

            @Override
            public void onPageScrollStateChanged(int i) {

            }
        });
    }

    /**
     * 初始化控件
     */
    public void initView(){
        viewPager = findViewById(R.id.pager1);
        txt_pager = findViewById(R.id.txt_pager);
    }

    public void initDate(){
        imageids = new ArrayList<>();
        imageids.add(R.mipmap.image2);
        imageids.add(R.mipmap.image4);
        imageids.add(R.mipmap.image7);
        imageids.add(R.mipmap.image8);


        imageViews = new ArrayList<>();
        for(int i = 0;i<imageids.size();i++){
            ImageView imageView = new ImageView(PagerActivity.this);
            imageView.setImageResource(imageids.get(i));
            imageViews.add(imageView);
        }
    }
}

三.适配器

public class MyPagerAdapter extends PagerAdapter {

    private ArrayList<ImageView> imageViews;

    public MyPagerAdapter(ArrayList<ImageView> imageViews){
        this.imageViews = imageViews;
    }

    @Override
    public int getCount() {
        return imageViews.size();
    }

    @Override
    public boolean isViewFromObject(@NonNull View view, @NonNull Object o) {
        return view == o;
    }

    @NonNull
    @Override //创建当前页的imageView (向ViewGroup添加当前要显示的ImagerView)
    public Object instantiateItem(@NonNull ViewGroup container, int position) {
        container.addView(imageViews.get(position));
        return imageViews.get(position);
    }

    @Override  //销毁当前imageView
    public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
        //super.destroyItem(container, position, object);
        container.removeView(imageViews.get(position));
    }
}