详细分析Android viewpager 无限循环滚动图片

由于最近在忙于项目,就没时间更新博客了,于是趁着周日在房间把最近的在项目中遇到的技术总结下。最近在项目中要做一个在viewpager无限滚动图片的需求,其实百度一下有好多的例子,但是大部分虽然实现了,但是讲的都不清楚,我查了很多资料,我就知道position/list.size().但是怎么用,我还是不明白。我后来看了百度工程师任玉刚的循环广告位组件的实现突然明白了无限滚动的原理。总结如下:

1.要在int getCount() 方法里 写 return BANNER_SIZE。  这个 BANNER_SIZE 是一个定义好的常量,最好定义大一点,比如1000、10000。我以前对这个方法的返回值到底表示什么意思我不太明白。如果写成 return list.size()那就好懂。我觉得这个返回列表的可能性比较大,因为这个viewpager的图片是从服务器端返回的,数量和地址随时会发生变化的。返回大一点的值如1000是viewpager表示这个viewpager你可以在上面滑动1000下。如果你只有3张图片,你不停的滑动,让这3张图片来回显示,也就是让position 0 1 2 0 1 2 0 1 2..... 不就是你想要的无限循环滑动吗? 那么这个怎么让它循环滑动呢。那么就要在实现Object instantiateItem(ViewGroup container, int position) 方法。

2.  Object instantiateItem(ViewGroup container, int position)

如果是viewpager显示服务端返回的图片,要把下载网络的图片代码放在这里写,比如用imagerloader 下载图片(顺便赞下这个框架,使用起来非常方便,我真想发一份邮件感谢这个框架的作者,写的太棒了,造福全世界的coder啊,不用不知道,用了吓一跳)。好了,要想position是 0 1 2 0 1 2循环,那么就得写成position=position % list.size()(我觉得不是position %BANNER_SIZE, 不然就出现数组下标越界了,任玉刚的好像也写错了)  右边的 postion是上面的getCount()返回值的position。比如设置1000,那么position就是 0 1 2 3 4 .......1000, 这样左边的position的值就是在 0 1..list.size()循环了。图片集合的大小为3,那么就是 0 1 2 0 1 2.....  而是显示图片的下表是就是始终在0 1 2循环了。这样到你滑动到第四屏的时候,就显示第一张,滑动第五屏就是第二张图片,滑动第六屏就是第三张图片,这样以此类推。这样就可以实现循环滑动了,但是真的是“无限”循环吗? 如果你真的闲的没事,不停的滑啊,滑啊,滑啊,肯定会在某个时候无法滑动了。这样做的目的就是让你觉得是无限滑动了。还有我的体会是instantiateItem像baseadpter的里getview()方法  控制listview的每一个item的。viewpager显示图片实际上用imageview来显示每一张图片的,这个跟listview显示图片列表是一样的道理。

时间: 2025-01-03 23:12:31

详细分析Android viewpager 无限循环滚动图片的相关文章

【Android】ViewPager实现无限循环滚动

最近做的一个项目,客户要求在ViewPager实现的主页面中滑动到最后一页后继续滑动能返回到第一页,也就是实现无限循环滚动,效果如下: 看了下ViewPager没有滑到尽头的回调方法,因此想到的解决方案是,在原来的最后一页之后再加上一个第一页,也就是原本有编号为a1,b,c的三个页面,现在在最后面再加一个a页面,变为a1.b.c.a2四个页面,然后使用OnPageChangeListener中的onPageSelected方法来监听到页面切换,当发现是从第三个页面(c)切换到第四个页面(a1)时

一行代码引入 ViewPager 无限循环 + 页码显示

(出处:http://www.cnblogs.com/linguanh) 前序: 网上的这类 ViewPager 很多,但是很多都不够好,体现在 bug多.对少页面不支持,例如1~2张图片.功能整合不全(无限+页码)等等,本类由我从零到无完成的,基本已找完 bug,注释丰富,方便大家理解. 特点: 1,代码量少 , 共两个类,约合 310 行代码 (除去注释) 2,可扩展 , 再加个 handler 即可实现自动轮播 3,时间复杂度低 4,耦合度低,只依赖了 imageLoader,可以自己切换

IOS开发系列--无限循环的图片浏览器

--UIKit之UIScrollView 概述 UIKit框架中有大量的控件供开发者使用,在iOS开发中不仅可以直接使用这些控件还可以在这些控件的基础上进行扩展打造自己的控件.在这个系列中如果每个控件都介绍一遍确实没有必要,所谓授人以鱼不如授人以渔,这里会尽可能让大家明白其中的原理,找一些典型的控件进行说明,这样一来大家就可以触类旁通.今天我们主要来看一下UIScrollView的内容: UIView UIScrollView 实战--图片浏览器 UIView 在熟悉UIScrollView之前

ScrollView循环滚动图片

涉及到banner页或者相册浏览,考虑到性能问题和用户体验性,经常要用到ScrollView循环滚动图片,在此只分析banner页,相册浏览类似: 设计思想: UIScrollView添加三个ImageView:firstImgView,secondImgView,thirdImgView. 当前每次显示的都是secondImgView,firstImgView显示前一张图片,thirdImgView显示后一张图片,若secondImgView显示的是第一张图片,则firstImgView显示最

unity 背景无限循环滚动效果

背景无限循环滚动效果如下示: 步骤如下: 导入背景图片后,设置图片的格式,如下图: 2.图片格式也可以设置是Texture格式,但是Wrap Mode 一定要是Repeat[重复发生]:然后记得Apply一下.[解释:Wrap mode :循环模式:换行模式:包裹模式:缠绕] 3.在Hierachy视图中,新建2D Object-〉Sprite 或者一个Image,将之前设置好的精灵放入Texture. 4.在Project视图鼠标右键新建一个Shader,命名随意,然后在编辑器中修改Shade

循环滚动图片

1.概述 循环滚动图片,不仅可以增添Web页面的动态效果,而且可以节省页面空间,有效地保证在有限的页面中显示更多的图片. 2.技术要点 主要应用setTimeout()方法实现图片的循环滚动效果.setTimeout()方法的语法格式如下: setTimeout(function,milliseconds,[arguments]) 参数说明: a. function:要调用的JavaScript自定义函数名称. b. Milliseconds:设置超时时间(以毫秒为单位). 功能:经过超时时间后

一些有关几何的无限循环动态图片

Florian de Looij 自 12 岁开始上手操作 photoshop 起就再没放弃这一爱好.这位荷兰设计师一直致力于探索数字动画和插图.去年年末起他开始在名为 FLRN GIF 的 Tumblr 账户上分享他的动画实验作品,一些有关几何的无限循环动态图片. Florian 说他长期以来受 M.C. Escher 等研究视觉错觉艺术家的启发,他们的作品明显对自己的设计实践方向产生了影响.在每一幅图片中,Florian 将最初和最末两帧图片衔接得滴水不漏,有些让人感觉到严谨的秩序感,而另一

UIScrollView循环滚动图片

转载自  http://www.jianshu.com/p/aa73c273baf2 我们会经常用到循环滚动图片,包括定时滚动,点击触发事件.以前所知道的循环滚动图片的方法是这样的.比如:一共5张图片,位置为1,2,3,4,5. 创建7个imageView. 将最后一张图片放到第一张图片前面,将第一张图片放到最后一张后面,位置为5,1,2,3,4,5,1. 最后一张图片滚动到第一张图片时,先从第二个图片5滚动到第二个图片1,滚动完之后把位置设置为第一个图片1.从后向前滚动同样的原理. 在scro

iOS无限循环滚动实现

原文链接: iOS无限循环滚动实现 简书主页:http://www.jianshu.com/users/37f2920f6848 Github主页:https://github.com/MajorLMJ iOS开发者公会-技术1群 QQ群号:87440292 iOS开发者公会-技术2群 QQ群号:232702419 iOS开发者公会-议事区   QQ群号:413102158