使用ViewPager完成引导页

先来看一下我们最终的效果图
四张图片可以左右滑动-滑到最后一张出现立即进入按钮 可以点击

1.布局
上面是ViewPager 下面是小圆点 还有一个立即进入的按钮

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

    </android.support.v4.view.ViewPager>

    //小圆点
    <RadioGroup
        android:id="@+id/radiogroup"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center">

    </RadioGroup>

    <Button
        android:id="@+id/btn_ljjr"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="立即进入"/>

2.编写代码
public class MainActivity extends AppCompatActivity {

    private ViewPager pager;
    private RadioGroup radiogroup;
    private Button btn_ljjr;

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

        //查找控件
        pager = (ViewPager)findViewById( R.id.pager );
        radiogroup = (RadioGroup)findViewById( R.id.radiogroup );
        btn_ljjr = (Button)findViewById( R.id.btn_ljjr );
        
        //隐藏立即进入的按钮
        btn_ljjr.setVisibility( View.GONE );
        
        //数组--放图片4个
        int arr[]={R.drawable.a111,
                    R.drawable.a222,
                    R.drawable.a333,
                    R.drawable.a555};
                    
        //集合
        final ArrayList<ImageView> list = new ArrayList<>();
        //把图片加入到集合
        for (int i = 0; i < arr.length; i++) {
            ImageView imageView = new ImageView( MainActivity.this );
            imageView.setImageResource( arr[i] );
            list.add( imageView );
        }
        
        //设置适配器
        PagerAdapter pagerAdapter = new PagerAdapter( list );
        pager.setAdapter( pagerAdapter );
        
        //设置小圆点
        for (int i = 0; i < arr.length; i++) {
            RadioButton button = new RadioButton( MainActivity.this );
            radiogroup.addView( button );
        }
        
        //给第一个按钮设置为选中
        radiogroup.check( radiogroup.getChildAt( 0 ).getId() );
        
        //小圆点的联动
        pager.addOnPageChangeListener( new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int i, float v, int i1) {

            }

            @Override
            public void onPageSelected(int i) {
                //给对应的按钮设置为选中
                radiogroup.check( radiogroup.getChildAt( i ).getId() );

                //判断立即进入的按钮何时出现
                if (i==list.size()-1){
                    //展示立即进入的按钮
                    btn_ljjr.setVisibility(View.VISIBLE);
                }else{
                    //隐藏
                    btn_ljjr.setVisibility( View.GONE );
                }
            }

            @Override
            public void onPageScrollStateChanged(int i) {

            }
        } );//小圆点的联动

        //点击立即进入按钮
        btn_ljjr.setOnClickListener( new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent = new Intent( MainActivity.this, Main2Activity.class );
                startActivity( intent );
            }
        } );//点击立即进入按钮
    }

}