iOS实现自动循环播放的banner实例详解-创新互联
前言
创新互联长期为上1000+客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为克拉玛依区企业提供专业的网站制作、网站建设,克拉玛依区网站改版等技术服务。拥有10余年丰富建站经验和众多成功案例,为您定制开发。对于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*)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); }
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
新闻标题:iOS实现自动循环播放的banner实例详解-创新互联
标题网址:http://myzitong.com/article/ceooic.html