服务器之家:专注于VPS、云服务器配置技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - IOS - iOS实现图片轮播效果

iOS实现图片轮播效果

2021-01-10 14:56iOS开发网 IOS

这篇文章主要为大家详细介绍了IOS实现图片轮播效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了ios图片轮播效果的实现过程,供大家参考,具体内容如下

平时app中的广告位或者滚动的新闻图片等用到的就是图片轮播这种效果,实现方式主要有两种,一种scrollview+imageview,另一种则是通过collectionview,今天总结的是scrollview这种方式。

1.图片轮播效果实现

主要实现思路是:根据图片总数及宽高设置好scrollview的大小,每切换一张图片相当于在scrollview上进行一个图片宽度的移动行为,并加入定时器,实现自动轮播。

如图所示,设置好scrollview及pagecontrol,scrollview的contentsize根据图片数量确定,注意启用pagingenabled这个属性,确保整页移动,同样pagecontrol也是根据图片数量来确定,每一页代表一张图片。

iOS实现图片轮播效果

图片命名采用数字序号方式,方便使用,需要注意的是,pagecontrol是由0开始的,也就是0对应image1,1对应image2...依次类推

iOS实现图片轮播效果

加载图片并将准备好的图片在scrollview里设置好位置,即将这些图片一张紧挨着一张排列在scrollview中。

iOS实现图片轮播效果

通过scrollview的代理方法,在scrollview滚动结束的时候根据contentoffset更新页码。

iOS实现图片轮播效果

定时器设置,这里设置为每隔2秒滚动更新一次,实际上就是每隔2秒更新一次页码,根据页码的变化,让scrollview跟着移动,每次移动一张图片的距离

iOS实现图片轮播效果

这里还需要注意的是,由于加入定时器有自动轮播的效果了,会与手动拖拽scrollview冲突,即手动拖拽scrollview过程时scrollview可能自动移动更新图片了,显然这种效果是不符合用户习惯的,这时需要在scrollview的代理事件中进行处理,即开始拖拽scrollview时停止定时器,拖拽结束后再开启定时器。

iOS实现图片轮播效果

那到这里是不是就结束了呢?我们看看效果图:

iOS实现图片轮播效果

这里有两个问题:

(1)首先是移动到最后一张图片时无法移动了,如果是制作app的新特性页面,这样的滚动效果已经可以了,但如果在广告位或者是滚动新闻这些场景下这种效果是不够好的,一般滚动到最后一张图片时,继续拖拽都会移动到第一张图片,实现一种滚动循环效果。

(2)定时器自动轮播图片时,确实图片循环轮播了,但是仔细看会发现,scrollview是由最后一种图片位置生硬得拉回到第一张图片的位置,效果也不够理想。

解决办法,小编先留个悬念,在下面的一篇文章中会进行解答,不要错过。

延伸 · 阅读

精彩推荐
  • IOSiOS逆向教程之logify跟踪方法的调用

    iOS逆向教程之logify跟踪方法的调用

    这篇文章主要给大家介绍了关于iOS逆向教程之logify跟踪方法调用的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学...

    Mr.Guo11472021-04-28
  • IOSiOS常见的几个修饰词深入讲解

    iOS常见的几个修饰词深入讲解

    这篇文章主要给大家介绍了关于iOS常见的几个修饰词的相关资料,iOS修饰词包括assign、weak、strong、retain、copy、nonatomic、atomic、readonly、readwrite,文中通过示...

    郡王丶千夜7422021-05-10
  • IOSIOS网络请求之AFNetWorking 3.x 使用详情

    IOS网络请求之AFNetWorking 3.x 使用详情

    本篇文章主要介绍了IOS网络请求之AFNetWorking 3.x 使用详情,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...

    总李写代码6892021-03-04
  • IOSiOS10 Xcode8适配7个常见问题汇总

    iOS10 Xcode8适配7个常见问题汇总

    这篇文章主要为大家详细汇总了iOS10 Xcode8适配7个常见问题,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...

    索马里猫10332021-02-01
  • IOSxcode8提交ipa失败无法构建版本问题的解决方案

    xcode8提交ipa失败无法构建版本问题的解决方案

    xcode升级到xcode8后发现构建不了新的版本。怎么解决呢?下面小编给大家带来了xcode8提交ipa失败无法构建版本问题的解决方案,非常不错,一起看看吧...

    Cinna丶7542021-02-03
  • IOSiOS APP实现微信H5支付示例总结

    iOS APP实现微信H5支付示例总结

    这篇文章主要介绍了iOS APP实现微信H5支付示例总结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下...

    一张小A11332021-06-01
  • IOS谈一谈iOS单例模式

    谈一谈iOS单例模式

    这篇文章主要和大家谈一谈iOS中的单例模式,单例模式是一种常用的软件设计模式,想要深入了解iOS单例模式的朋友可以参考一下...

    彭盛凇11872021-01-19
  • IOSiOS中时间与时间戳的相互转化实例代码

    iOS中时间与时间戳的相互转化实例代码

    这篇文章主要介绍了iOS中时间与时间戳的相互转化实例代码,非常具有实用价值,需要的朋友可以参考下。...

    张无忌!4812021-03-09