ViewPager的页面的加载和移除_html/css_WEB-ITnose

今天在做轮播图片广告的时候用到了ViewPager，对它滑动时页面的加载和移除探究了下。

在PagerAdapter中存在destroyItem方法和instantiateItem方法，前者用于移除页面，后者用于加载页面。

【注意】 如果当前页面是0号页面，那么程序将不会调用instantiateItem方法；同样，如果当前页面时views.size()（ViewPager中加载的view的数量） - 1，也将不会调用instantiateItem方法 。

可以写个简单的ViewPager demo（例如导航页）进行观察，用Logcat打印信息。

（如果你还不会写导航页，请阅读ViewPager实现导航页）

在destroyItem方法中输出的信息：

Log.d("MainActivity", "移除页面 " + position);

在instantiateItem方法输出的信息：

Log.d("MainActivity", "加载页面 " + position);

在onPageSelected输出的信息：

Log.d("MainActivity", "当前选择页面 " + arg0);

那么我把导航页从左滑动到右，从右滑动到左（注意：一共有5页）：

信息打印：

03-22 15:22:45.713: D/MainActivity(4835): 加载页面 003-22 15:22:45.713: D/MainActivity(4835): 加载页面 103-22 15:22:48.768: D/MainActivity(4835): 当前选择页面 103-22 15:22:49.408: D/MainActivity(4835): 加载页面 203-22 15:22:51.558: D/MainActivity(4835): 当前选择页面 203-22 15:22:52.198: D/MainActivity(4835): 移除页面 003-22 15:22:52.203: D/MainActivity(4835): 加载页面 303-22 15:22:53.988: D/MainActivity(4835): 当前选择页面 303-22 15:22:54.508: D/MainActivity(4835): 移除页面 103-22 15:22:54.508: D/MainActivity(4835): 加载页面 403-22 15:22:55.578: D/MainActivity(4835): 当前选择页面 403-22 15:22:55.928: D/MainActivity(4835): 移除页面 203-22 15:22:58.958: D/MainActivity(4835): 当前选择页面 303-22 15:22:59.503: D/MainActivity(4835): 加载页面 203-22 15:23:01.288: D/MainActivity(4835): 当前选择页面 203-22 15:23:01.928: D/MainActivity(4835): 加载页面 103-22 15:23:01.928: D/MainActivity(4835): 移除页面 403-22 15:23:02.613: D/MainActivity(4835): 当前选择页面 103-22 15:23:03.243: D/MainActivity(4835): 加载页面 003-22 15:23:03.248: D/MainActivity(4835): 移除页面 303-22 15:23:05.138: D/MainActivity(4835): 当前选择页面 003-22 15:23:05.773: D/MainActivity(4835): 移除页面 2

进入程序时

进入程序时，显示加载了要展示的0号页面，然后预加载了1号页面，两次调用了instantiateItem方法。

刚进入自然要调用两次，首先要加载自己的那张图片，然后还要加载下一张图片。

滑动到1号页面

这个时候当然是预加载2号页面。

滑动到2号页面

移除0号页面，加载3号页面

滑动到3号页面

移除1号页面，加载4号页面

滑动到4号页面

移除2号页面，不进行预加载了，因为已经到尽头了。

正向拨动完成。

到了这里，大概的规律我们也能看的出来了，

每次滑动都是保留当前页面相邻的两个页面（预加载没有加载的页面，保存已经加载的页面），移除不相邻的但已经加载的那个页面，也就是说每次只有三个页面存在。

反向拨动也是这个道理，反向拨动的示意图就不用画了，这里大家都应该很明白了。

知道了这个滑动的特性之后，我们可以更加灵活地运用ViewPager。

好了，今天先讲了这里， 如果有什么不对的地方，欢迎批评指正！