iOS实现自动循环播放的banner实例详解
更新时间：2017年12月26日 08:42:17 作者：ksnowlv
轮播视图通常也叫Banner，90%以上App都会用到的一个控件，网上有很多开源代码，下面这篇文章主要给大家介绍了关于利用iOS如何实现自动循环播放的banner的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考下。
前言
对于banner轮播图，相信大家都会经常用到。自动循环播放的banner是很常见的UI组件。如何实现呢？下面就来给大家详细介绍下，话不多说了，下面来一起学习学习吧。
1.实现思路
1.横向滚动的banner。
- UIScrollViw+UIImageView.
- UICollectionView+UICollectionViewCell.
- 前者需要自己做重用UIImageView，后者可以直接重用UICollectionViewCell。如果前者没有做重用，多占用内存。
2.自动循环播放banner。
- 可以使用计时器触发循环播放.
- 拖动或手动滑动banner时，停止自动循环播放banner。手势停止后，开启自动循环播放banner。
3.特殊banner位的处理。
- 处于第1个或最后1个时，为保证横向自动滑动效果流畅性，不跳动，需要特殊处理下。
- 在生成banner时，第1个前面插入最后1个banner。最后1个banner后面插入第1个banner。当滑动到最后1个banner时，重置于第2个banner位。
2.本文采用第二种：UICollectionView+UICollectionViewCell
关键代码实现
2.1生成banner的特殊处理
- (void)setBannerList:(NSArray<KBannerItem *> *)bannerList {
if (bannerList.count > 1) {
NSMutableArray *itemList = [NSMutableArray arrayWithArray:bannerList];
[itemList insertObject:bannerList.lastObject atIndex:0];
[itemList addObject:bannerList.firstObject];
_bannerList = itemList;
}else{
_bannerList = bannerList;
}
if (self.bannerList.count > 1) {
self.bannerPageControl.numberOfPages = self.bannerList.count - 2;
}else{
self.bannerPageControl.numberOfPages = 0;
}
self.noBannerImageView.hidden = self.bannerList.count > 0;
self.bannerPageControl.currentPage = 0;
[self.collectionView reloadData];
self.collectionView.contentOffset = CGPointMake(CGRectGetWidth(self.collectionView.frame), 0);
}
2.2 banner自动循环播放触发的事件
- (void)handleBannerChangeEvent:(id)sender {
if (_bannerPageControl.numberOfPages <= 1) {
return;
}
NSInteger page = _bannerPageControl.currentPage + 1;
[self.collectionView scrollToItemAtIndexPath:[NSIndexPath indexPathForRow:page + 1 inSection:0] atScrollPosition:UICollectionViewScrollPositionRight animated:YES];
}
2.3开启自动播放或关闭自动播放bannner。
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView {
self.countTimer.isOpen = NO;
}
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView
willDecelerate:(BOOL)decelerate {
self.countTimer.isOpen = YES;
}
2.4.滑动时的特殊处理。
- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
if (_bannerList.count <=1) {
return;
}
CGFloat width = CGRectGetWidth(scrollView.frame);
NSInteger currentPage = scrollView.contentOffset.x / width;
if (currentPage == 0) {
if (scrollView.contentOffset.x < 0) {
[self.collectionView scrollToItemAtIndexPath:[NSIndexPath indexPathForRow:_bannerList.count - 2 inSection:0] atScrollPosition:UICollectionViewScrollPositionRight animated:NO];
self.bannerPageControl.currentPage = _bannerList.count - 2;
}else{
[self.collectionView scrollToItemAtIndexPath:[NSIndexPath indexPathForRow:1 inSection:0] atScrollPosition:UICollectionViewScrollPositionRight animated:NO];
self.bannerPageControl.currentPage = 0;
}
}else if (currentPage == _bannerList.count - 1) {
self.bannerPageControl.currentPage = 0;
[self.collectionView scrollToItemAtIndexPath:[NSIndexPath indexPathForRow:1 inSection:0] atScrollPosition:UICollectionViewScrollPositionRight animated:NO];
}else{
self.bannerPageControl.currentPage = currentPage - 1;
}
}
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。
您可能感兴趣的文章:
相关文章
这篇文章主要为大家详细介绍了iOS实现卡片堆叠效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-04-04
本文是小编给大家收集整理些有关iOS10适配问题的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-09-09
这篇文章主要介绍了解决IOS开发空字符串的方法的相关资料,这里提供实例帮助大家解决改问题，需要的朋友可以参考下2017-08-08
这篇文章主要为大家详细介绍了iOS archive保存图片到本地的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
这篇文章主要给大家介绍了关于iOS如何实现封装一个获取通讯录的工具类的相关资料，这是自己平时封装的一个工具类，使用非常方便，文中给出了详细的示例代码，需要的朋友们可以参考借鉴，下面随着小编来一起学习学习吧。2017-10-10
设置一定的背景透明会让用户的体验非常不错，下面这篇文章就主要跟大家分享了iOS中设置父视图透明但内容不透明的方法，文中给出了详细的示例代码，需要的朋友们下面来一起看看吧。2017-05-05
这篇文章主要给大家介绍了关于iOS组件依赖避免冲突的小技巧，文中通过示例代码介绍的非常详细，对各位iOS开发者们具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-09-09
这篇文章主要介绍了一个iOS上的秒表小应用的实现方法分享,代码基于传统的Objective-C,需要的朋友可以参考下2015-10-10
这篇文章主要给大家介绍了关于iOS中wkwebView内存泄漏与循环引用问题的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-07-07
本文主要介绍了IOS开发过程中的消息通知--小红点的相关知识。大致分为两种方法：系统方法和自定义方法。下面跟着小编一起来看下吧2017-04-04
最新评论