在上篇博客中iOS开发之多图片无缝滚动组件封装与使用给出了图片无限轮播的实现方案之一,下面在给出另一种解决方案。今天博客中要说的就是在ScrollView上贴两个ImageView, 把ImageView进行交替切换来实现图片的无限轮播,在轮播时去修改ImageView上的图片。上一篇博客中是有几张图片就实例化几个ImageView, 然后事先把Image贴到相应的ImageView上,这种做法比较简单,而且易于实现。
今天这篇博客就要实现使用两张ImageView, 交替的区展示Image, Image是在将要显示的时候才贴到ImageView上,好废话少说,进入今天博客的主题。
一、运行效果及原理分析
1.Demo的运行效果
下图的Gif是本片博客Demo的运行效果,但从效果上来看,和上一篇博客的运行效果是一样的,但本质和实现原理是不同的。在本篇博客的结尾会给出Demo在Github上的分享地址,首先大家可以看一下效果,是可以无限轮播的,而且可以支持手动滑动。点击每张图片也是会通过Block回调的方式给出每张图片的索引的。

2. 原理实现分析
下图呢是简单画的原理图,以3张图片为例,当然使用的是两个ImageView,并给出了三张图片在两张ImageView以及在可视区的展示顺序。把原理搞明白了敲代码也就轻松了,在写代码时不要在思路不清晰的情况下就开始动键盘。原理的核心就是当是新的图片永远是加在第二张ImageView上的,下一轮的第一张图片,是上一轮的第二张图片,这样就可以形成一个无缝滚动了。还是看下面这张原理图吧,自己画的,应该是可以看的。

二、demo分享
关于本篇博客的代码呢,就不一行一行的往博客上粘贴了,原理明白了,实现应该不成问题的,本篇的博客代码会分享到github上,下方是github的分享地址,有兴趣的小伙伴可以Clone一下。
gitHub分享地址:https://github.com/lizelu/ZLImageScrollView
接下来的几篇博客会给大家分享SQLite的一些东西,更深一层的窥探一下SQLite数据库~
总浏览量
8,890次
博客园历史 4,355 腾讯云 2,333 阿里云 2,201 本站新增 1
本站阅读按浏览器在 15 分钟内去重;禁用浏览器存储时按网络地址去重。推荐按浏览器一年内去重。仅使用站内随机标识,不采集浏览器指纹。
分享这篇文章
原创内容,未经授权禁止转载。
欢迎分享原文链接。除另有署名或许可说明外,本站原创文章的著作权由青玉伏案享有;未经书面授权,禁止整篇转载、复制发布、改编传播或建立内容镜像。
版权与使用条款
- 依法属于合理使用、法定许可等情形的,按法律规定执行;引用时应注明作者、作品名称和原文链接,不得歪曲、篡改或隐去署名。
- 经书面授权使用的,请遵守约定的用途、范围与署名要求。注明出处不等同于已经取得整篇转载或其他使用授权。
- 第三方图片、引用内容和书籍封面等权利归相应权利人所有;开源代码与 Demo 按其各自许可证使用,本声明不改变已有许可。
- 本声明参考《中华人民共和国著作权法》第十条、第二十四条、第五十二条等。对侵权使用,权利人保留依法要求停止侵害并追究相应责任的权利。

支持!!!
@
Coder~
谢谢!
楼主~威武~楼主好多高质量的博客~注册个号关注一下,还请楼主以后多多关照!
@
小飞人BayMax
关照谈不上的~多多交流吧~
首先挺棒的,其次我觉得设计的不太合理。我只能手动往右滑,不能手动往左滑。然后手动往左滑了一下,你让图片的滑动方向往左滑了,但是图片的显示依然是向右的方向。我的建议是,加上手动向左滑,但是自动滑动方向不用变。
滑动的比较快的话,界面会卡,而且顺序还会乱。。
不错 感谢