码迷,mamicode.com
首页 > 其他好文 > 详细

UIScrollView3个UIImageView无限循环

时间:2015-06-04 21:10:51      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:

核心步骤

  • 在图片显示完全(endDecelerating)时,重新设置三个UIImageView的图片内容
  • 调整UIScrollView的偏移量,始终显示中间的UIImageView

如有图片1、2、3、4、5,默认存放图片5、1、2,显示中间图片1:
1. 向后滚动,显示图片2
2. 图片显示完全时,重新设置UIImageView中的图片为图片1、2、3
3. 设置UIScrollView的偏移量,使其显示中间的UIImageView,即图片2
4. 向后滚动,显示图片3
5. 图片显示完全时,重新设置UIImageView中的图片为图片2、3、4
6. 设置UIScrollView的偏移量,使其显示中间的UIImageView,即图片3

向前滚动同理。

如下图所示:
- 初始时显示图片1,然后向左滑动

技术分享

  • 滑动完成时显示的是图片2

技术分享

  • 在滑动完成时,修改UIImageView显示的内容如下图所示

技术分享

  • 接着上一步,立即修改UIScrollView的偏移量,使其显示中间的UIImageView,即图片2

技术分享

如上,最终结果显示的都是最中间的UIImageView,看起来像是无限个UIImageView一样

代码及演示图:
https://github.com/tripleCC/TPCPageScrollView.git

UIScrollView3个UIImageView无限循环

标签:

原文地址:http://blog.csdn.net/triplecc/article/details/46366045

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!