首页 > 代码库 > ScrollView循环滚动图片

ScrollView循环滚动图片

涉及到banner页或者相册浏览,考虑到性能问题和用户体验性,经常要用到ScrollView循环滚动图片,在此只分析banner页,相册浏览类似:


设计思想:

UIScrollView添加三个ImageView:firstImgView,secondImgView,thirdImgView。

当前每次显示的都是secondImgView,firstImgView显示前一张图片,thirdImgView显示后一张图片,若secondImgView显示的是第一张图片,则firstImgView显示最后一张图片;若thirdImgView显示的是最后一张图片,则thirdImgView显示第一张图片。

每次滚动到thirdImgView时,都要把secondImgView的图片设为thirdImgView图片,剩余两者做相应处理,并且把scrollView滑动到secondImgView。

记住:永远只显示SecondImgView。


用到的控件:

ScrollView与PageControl

技术分享



关键代码:

相关属性:

技术分享

数据源方法:

技术分享

初始化视图属性:

技术分享

中间ImageView显示当前图片:

技术分享

开启定时器:

技术分享

UIScrollView的代理协议:

技术分享

ScrollView循环滚动图片