iOS开发UI篇—无限轮播(循环展示)
iOS开发UI篇—无限轮播(循环展示)
一、简单说明
之前的程序还存在一个问题,那就是不能循环展示,因为plist文件中只有五个数组,因此第一个和最后一个之后就没有了,下面介绍处理这种循环展示问题的小技巧。
方法一:使用一个for循环,循环200次,创建200*=1000个模型,且默认程序启动后处在第100组的位置,向前有500个模型,向后也有500个模型,产生一种循环展示的假象。
代码如下:
1 // 2 // YYViewController.m 3 // 07-无限滚动(循环利用) 4 // 5 // Created by apple on 14-8-3. 6 // Copyright (c) 2014年 yangyong. All rights reserved. 7 // 8 9 #import "YYViewController.h" 10 #import "MJExtension.h" 11 #import "YYnews.h" 12 #import "YYcell.h" 13 14 #define YYIDCell @"cell" 15 16 @interface YYViewController ()<UICollectionViewDataSource,UICollectionViewDelegate> 17 @property (weak, nonatomic) IBOutlet UICollectionView *collectinView; 18 @property(nonatomic,strong)NSMutableArray *news; 19 @end 20 21 @implementation YYViewController 22 23 #pragma mark-懒加载 24 //-(NSArray *)news 25 //{ 26 // if (_news==nil) { 27 // _news=[YYnews objectArrayWithFilename:@"newses.plist"]; 28 // } 29 // return _news; 30 //} 31 -(NSMutableArray *)news 32 { 33 if (_news==nil) { 34 _news=[NSMutableArray array]; 35 for (int i=0; i<200; i++) { 36 NSArray *array=[YYnews objectArrayWithFilename:@"newses.plist"]; 37 [_news addObjectsFromArray:array]; 38 } 39 } 40 return _news; 41 } 42 43 - (void)viewDidLoad 44 { 45 [super viewDidLoad]; 46 //注册cell 47 // [self.collectinView registerClass:[YYimageCell class] forCellWithReuseIdentifier:YYCell]; 48 [self.collectinView registerNib:[UINib nibWithNibName:@"YYcell" bundle:nil] forCellWithReuseIdentifier:YYIDCell]; 49 50 //默认处于第0组的第500个模型的左边 51 [self.collectinView scrollToItemAtIndexPath:[NSIndexPath indexPathForItem:500 inSection:0] atScrollPosition:UICollectionViewScrollPositionLeft animated:YES]; 52 53 } 54 55 #pragma mark- UICollectionViewDataSource 56 //一共多少组,默认为1组 57 -(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView 58 { 59 return 1; 60 } 61 -(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section 62 { 63 return self.news.count; 64 } 65 66 -(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath 67 { 68 YYcell *cell=[collectionView dequeueReusableCellWithReuseIdentifier:YYIDCell forIndexPath:indexPath]; 69 cell.news=self.news[indexPath.item]; 70 NSLog(@"%p,%d",cell,indexPath.item); 71 return cell; 72 } 73 74 #pragma mark-UICollectionViewDelegate 75 @end
打印查看所处的索引(全程依然只创建了两个cell):
说明:
[self.collectinView scrollToItemAtIndexPath:<#(NSIndexPath *)#> atScrollPosition:<#(UICollectionViewScrollPosition)#> animated:<#(BOOL)#>]
//默认处于第0组的第500个模型的左边
方法二:设置其有100组,那么一共有100*5=500个模型。且设置默认处于第50组的索引为0处。
代码如下:
1 // 2 // YYViewController.m 3 // 07-无限滚动(循环利用) 4 // 5 // Created by apple on 14-8-3. 6 // Copyright (c) 2014年 yangyong. All rights reserved. 7 // 8 9 #import "YYViewController.h" 10 #import "MJExtension.h" 11 #import "YYnews.h" 12 #import "YYcell.h" 13 14 #define YYIDCell @"cell" 15 16 @interface YYViewController ()<UICollectionViewDataSource,UICollectionViewDelegate> 17 @property (weak, nonatomic) IBOutlet UICollectionView *collectinView; 18 @property(nonatomic,strong)NSArray *news; 19 @end 20 21 @implementation YYViewController 22 23 #pragma mark-懒加载 24 -(NSArray *)news 25 { 26 if (_news==nil) { 27 _news=[YYnews objectArrayWithFilename:@"newses.plist"]; 28 } 29 return _news; 30 } 31 //-(NSMutableArray *)news 32 //{ 33 // if (_news==nil) { 34 // _news=[NSMutableArray array]; 35 // for (int i=0; i<200; i++) { 36 // NSArray *array=[YYnews objectArrayWithFilename:@"newses.plist"]; 37 // [_news addObjectsFromArray:array]; 38 // } 39 // } 40 // return _news; 41 //} 42 43 - (void)viewDidLoad 44 { 45 [super viewDidLoad]; 46 //注册cell 47 // [self.collectinView registerClass:[YYimageCell class] forCellWithReuseIdentifier:YYCell]; 48 [self.collectinView registerNib:[UINib nibWithNibName:@"YYcell" bundle:nil] forCellWithReuseIdentifier:YYIDCell]; 49 50 //默认处于第0组的第500个模型的左边 51 // [self.collectinView scrollToItemAtIndexPath:[NSIndexPath indexPathForItem:500 inSection:0] atScrollPosition:UICollectionViewScrollPositionLeft animated:YES]; 52 53 [self.collectinView scrollToItemAtIndexPath:[NSIndexPath indexPathForItem:0 inSection:50] atScrollPosition:UICollectionViewScrollPositionLeft animated:YES]; 54 55 } 56 57 #pragma mark- UICollectionViewDataSource 58 //一共多少组,默认为1组 59 -(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView 60 { 61 return 100; 62 } 63 -(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section 64 { 65 return self.news.count; 66 } 67 68 -(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath 69 { 70 YYcell *cell=[collectionView dequeueReusableCellWithReuseIdentifier:YYIDCell forIndexPath:indexPath]; 71 cell.news=self.news[indexPath.item]; 72 NSLog(@"%p,%d",cell,indexPath.item); 73 return cell; 74 } 75 76 #pragma mark-UICollectionViewDelegate 77 @end
注意:上面的两种方法都创建了大量的无用的模型,不太可取。且在实际开发中,建议模型的总数不要太大,因为在其内部需要遍历计算所有控件的frame。
如果模型数量太大,会占用资源。
改进建议:可以监听手指在上面的滚动,当停止滚动的时候,又重新设置初始的中间位置。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。