ViewPager繼承體系圖
從圖中可以看出,ViewPager繼承自ViewGroup,也就是ViewPager是一個容器類,可以包含其他的View類。
控件作用
- ViewPager主要用來左右滑動展示圖片等。(類似圖片輪播)
- ViewPager要用適配器來連接“視圖”和“數據”。(大家可以聯想下listview的使用方法,原理是類似的)
- 官方推薦ViewPager與Fragment一起使用,并且有專門的適配器。
需求分析
現在讓我們實現一個小案例,在ViewPager中包含三個圖片,可以左右滑動切換。
布局實現
在主頁面布局文件中引用ViewPager控件。
<android.support.v4.view.ViewPager
android:id="@+id/vp"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</android.support.v4.view.ViewPager>
代碼部分
ViewPager是通過適配器來進行管理的(數據源—適配器—視圖)
所以我們接下來對他們一一進行設置:
1.數據源:
這里的數據比較簡單,就是包含3個view和1個list,通過for循環把ImageView對象放到list中。
//初始化數據
private void initData() {
int[] imageResIDs = {R.drawable.a, R.drawable.b, R.drawable.c};
imageList = new ArrayList<ImageView>();
for (int i = 0; i < imageResIDs.length; i++) {
ImageView image = new ImageView(this);
image.setBackgroundResource(imageResIDs[i]);
imageList.add(image);
}
}
2.視圖:
一般視圖都是比較簡單的,這里也不例外,就是一個ViewPager
ViewPager vp = (ViewPager) findViewById(R.id.vp);
3.適配器:
當你要實現一個PagerAdapter(ViewPager的適配器)時,你至少需要重寫下面的4個方法:
getCount();
返回需要展示頁面的數量isViewFromObject(View, Object);
判斷view是否可以復用,直接寫“return view == object;”即可instantiateItem(ViewGroup, int);
負責初始化指定位置的頁面。完成兩步驟 1.添加view到容器中,2返回view給適配器destroyItem(ViewGroup, int, Object) ;
負責移除指定位置的頁面
新建一個內部類繼承PagerAdapter
class myAdapter extends PagerAdapter {
@Override
public int getCount() {
return imageList.size();
}
@Override
public boolean isViewFromObject(View view, Object object) {
return view == object;
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
container.addView(imageList.get(position));
return imageList.get(position);
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View) object);
}
}
接下來就簡單了,和所有的適配器一樣,將viewpager與適配器綁定就可以了。
vp.setAdapter(new myAdapter());
請欣賞愉快的滑動畫面
GIF.gif
源碼和素材都已經上傳到了github上大家有需要可以自取
https://github.com/zjxuzhj/ViewPagerDemo
走過路過,順手給點個星星唄,還沒拿過甚是想戀!!!