ViewPager引导页

首先引导页只需创建两个页面的视图，因为滑动到最后一个页面的时候该结束本次引导页啦

①.第一个视图里面是一模一样的，只需要在里面添加不一样的图片罢了

②.第二个视图只需要添加一个Button按钮点击跳转

接下来请参考一下代码

1.创建布局文件

<?xml version="1.0" encoding="utf-8"?>
<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=".MainActivity">

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

    <RadioGroup
        android:id="@+id/radioGroup1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_alignParentBottom="true"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true">
    </RadioGroup>

</RelativeLayout>

 2.直接在Activity中编写代码

public class MainActivity extends AppCompatActivity {

    private ArrayList<View> views;

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

        //存放图片的数组
        int a[] = {R.drawable.q1,
                    R.drawable.q2,
                    R.drawable.q3,
                    R.drawable.q4};

        //获取控件
        ViewPager pager = findViewById(R.id.pager);

        //创建视图类型的集合
        views = new ArrayList<View>();
        for (int i = 0; i < a.length-1; i++) {
            //获取视图
            View viewa = View.inflate(MainActivity.this, R.layout.ye1, null);
            //给视图上面设置图片
            viewa.setBackgroundResource(a[i]);
            //将整理好的视图添加到集合里面
            views.add(viewa);
        }

        //获取最后一个视图
        View viewb = View.inflate(MainActivity.this, R.layout.ye2, null);
        viewb.setBackgroundResource(a[3]);
        //添加到集合中
        views.add(viewb);

        //给ViewPager设置适配器
        pager.setAdapter(new PagerAdapter() {
            @Override
            public int getCount() {
                return views.size();//集合数量
            }

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

            @NonNull
            @Override
            public Object instantiateItem(@NonNull ViewGroup container, int position) {
                View view1 = views.get(position);
                container.addView(view1);
                return view1;
            }

            @Override
            public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
                container.removeView((View) object);
            }
        });

        //获取空间
        final RadioGroup radioGroup1 = findViewById(R.id.radioGroup1);
        for (int i = 0; i < views.size(); i++) {
            RadioButton radioButton = new RadioButton(MainActivity.this);
            radioGroup1.addView(radioButton);
        }
        //默认第一个按钮选中
        radioGroup1.check(radioGroup1.getChildAt(0).getId());

        //页面改变按钮也跟着改变
        pager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int i, float v, int i1) {

            }

            @Override
            public void onPageSelected(int i) {
                radioGroup1.check(radioGroup1.getChildAt(i).getId());//页面改变则按钮改变
            }

            @Override
            public void onPageScrollStateChanged(int i) {

            }
        });
        
        //跳转页面
        viewb.findViewById(R.id.button1).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                startActivity(new Intent(MainActivity.this,OneActivity.class));
                finish();
            }
        });
    }
}

 如有疑问可在博客下方留言

谢谢浏览