ViewPager的页面的加载和移除_html/css_WEB-ITnose-html教程-PHP中文网

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

php中文网

发布： 2016-06-24 11:47:42

原创

1566人浏览过

今天在做轮播图片广告的时候用到了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号页面，不进行预加载了，因为已经到尽头了。