Swift 4.2使用UIScrollView实现图片轮播
Swift4.2 的UIScrollView
图片轮播实现挺直接的,主要靠pagingEnabled
这个属性,设置成true
,滚动起来就有“翻页”效果。轮播图常用的几个功能,比如自动滑动、循环滚动,其实都能在这个基础上搞定,逻辑也不复杂。
UIScrollView的pagingEnabled
控制的是整页滑动,比如一个屏幕显示一张图,滑动时它会自动吸附对齐下一页。你不用管用户滑多少,它会判断是往前一页还是后一页,挺省心的。
图片轮播的常规套路嘛,无非是定时器+滚动+重置位置。比如设置个Timer
每几秒动一下,判断是不是滑到一张,滑完再偷偷跳回第一张,用户其实看不出来。响应也快,代码也简单,效果还不错。
如果你想扩展点玩法,比如加个UIPageControl
显示当前页码,或者加个点击事件跳转,Swift 也都能轻松搞定。嗯,如果需求复杂点,后面也可以考虑用UICollectionView
来做,场景多的时候更灵活。
要看点类似的参考实现,可以顺便看看这几个:
- UIScrollView 广告轮播 —— 轮播逻辑跟这个差不多
- UIScrollView 实现轮播 —— 多图滑动的基础
- 无限循环图片轮播 —— 提升用户体验的关键一招
- UICollectionView 实现轮播 —— 稍复杂一点但更灵活
如果你刚上手 Swift 写 UI,又正好有做 Banner 图轮播的需求,这种方案就挺合适的,简单清晰,维护起来也不头疼。
106.77KB
文件大小:
评论区