欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-04-22 20:49:37
...
今天在做轮播图片广告的时候用到了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。

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