ViewPager实现引导页

新建一个主Activity ，对应的新建一个主布局guide.xml ，为其添加控件ViewPager：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent" android:layout_height="match_parent">

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

接下来新建3个布局文件one.xml two.xml three.xml用于显示3张图片：

<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/one"
android:background="@drawable/guide_1"/>

<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/one"
android:background="@drawable/guide_2"/>

<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/one"
android:background="@drawable/guide_3"/>

新建一个类ViewPagerAdapter集成自PagerAdapter：

public class ViewPagerAdapter extends PagerAdapter {

private List<View> views;
private Context context;

public ViewPagerAdapter(List<View> views,Context context){
// 添加一个构造函数，设置两个参数，views用于存放3张图片，context是上下文
this.views = views;
this.context = context;
}

@Override
public Object instantiateItem(ViewGroup container, int position) {
// 复写这个方法，用于生成滑动显示的那一项
container.addView(views.get(position));
return views.get(position);
}

@Override
public void destroyItem(ViewGroup container, int position, Object object) {
// 复写这个方法，用于销毁滑动显示的那一项
container.removeView(views.get(position));

}

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

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

主Activity代码如下：

public class Guide extends AppCompatActivity {

private List<View> views;
private ViewPager vp;
private ViewPagerAdapter viewPagerAdapter;

@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.guide);
initView();
}
private void initView(){
LayoutInflater inflater = LayoutInflater.from(this);
views = new ArrayList<>();
views.add(inflater.inflate(R.layout.one,null));
views.add(inflater.inflate(R.layout.two,null));
views.add(inflater.inflate(R.layout.three,null));

viewPagerAdapter = new ViewPagerAdapter(views,this);
vp = (ViewPager) findViewById(R.id.viewPager);
vp.setAdapter(viewPagerAdapter);

}
}