新建一个主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);
}
}