源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

IOS实现图片轮播无限循环效果

  • 时间:2021-04-07 01:01 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:IOS实现图片轮播无限循环效果
本文接着上篇文章进行叙述讲解,主要为大家分享了[b]图片轮播无限循环效果[/b]的实现方法,具体内容如下 之前说到第一个问题,ScrollView移动到最后一张图片时无法移动了,这是因为ScrollView已经移动到最后,而图片又是依次排列,自然也就无法移动。 [b]解决办法[/b]是,我们换一个思路实现图片轮播效果,ScrollView上只放三个ImageView,屏幕始终显示中间的ImageView,左边和右边的ImageView分别代表前一张图片和后一张图片,屏幕移动的时候,中间的ImageView变化,同时左右两边的ImageView也随之变化,两种边界情况: (1)当屏幕显示最后一张图片时,右边的ImageView也即下一站图片应该是最开始的第一张图片; (2)当屏幕显示最开始的第一张图片时,左边的ImageView也即上一张图片应该是最后一张图片。 这样三个ImageView不断变化就造成一种图片轮播无限循环的效果。 参考:[url=http://www.1sucai.cn/article/81034.htm]http://www.1sucai.cn/article/81034.htm[/url] 相对于之前的效果,有一些改变,主要有: (1)ScrollView只需要设置三个ImageView即可,并且默认显示中间的ImageView [img]http://files.jb51.net/file_images/article/201603/201603161411108.png[/img] (2)根据ScrollView的移动情况,迅速变化三个ImageView中图片数据 [img]http://files.jb51.net/file_images/article/201603/201603161411109.png[/img] (3)ImageView更新完毕后,偷偷把ScrollView拉回到中间的ImageView位置,这样视觉效果上就实现了无限循环的效果 [img]http://files.jb51.net/file_images/article/201603/2016031614111010.png[/img] 效果图: [img]http://files.jb51.net/file_images/article/201603/2016031614111011.gif[/img] 但是,这里在加入定时器后实现图片轮播自动循环时遇到了问题,主要是初始化显示第一张图片与根据定时器设置自动移动ScrollView有一些冲突,在code4App上找到其他人一个工程,采用的思路相同,单独封装了ScrollView进行处理,已经解决该问题。 以上就是本文的全部内容,希望对大家的学习有所帮助。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部