制作頁面的時(shí)候我們都會(huì)看到有些頁面非常好看，有一個(gè)是輪播的這個(gè)頁面，但是這個(gè)功能要使用在IOS中要怎么操作呢？它的效果怎樣呢？下面是武林技術(shù)頻道小編為大家?guī)淼膇OS中無限循環(huán)展示的方法，一起來看看吧！
無限輪播（新聞數(shù)據(jù)展示）
一、實(shí)現(xiàn)效果
二、實(shí)現(xiàn)步驟
1.前期準(zhǔn)備
（1）導(dǎo)入數(shù)據(jù)轉(zhuǎn)模型的第三方框架MJExtension
（2）向項(xiàng)目中添加保存有“新聞”數(shù)據(jù)的plist文件
（3）導(dǎo)入用到的圖片素材
2.步驟和代碼
（1）新建一個(gè)數(shù)據(jù)模型
該模型的代碼設(shè)計(jì)如下：
YYnews.h文件
?
#import
@interface YYnews : NSObject
@property(nonatomic,copy)NSString *title;
@property(nonatomic,copy)NSString *icon;
@end
（2）新建一個(gè)繼承自UICollectionViewCell的類，用于自定義cell。
?
?
?
（3）新建一個(gè)xib文件，和自定義的cell做關(guān)聯(lián)
代碼設(shè)計(jì)如下：
YYcell.h文件
?
#import
@class YYnews;
@interface YYcell : UICollectionViewCell
@property(nonatomic,strong)YYnews *news;
@end
?YYcell.m文件
?
?
?
#import "YYcell.h"
#import "YYnews.h"
@interface YYcell ()
@property (weak, nonatomic) IBOutlet UILabel *label;
@property (weak, nonatomic) IBOutlet UIImageView *imageView;
@end
?
?
?
-(void)setNews:(YYnews *)news
{
??? _news=news;
??? self.label.text=news.title;
??? self.imageView.image=[UIImage imageNamed:news.icon];
}
@end
（4）在主控制器中的代碼處理
?
YYViewController.m文件
?
#import "YYViewController.h"
#import "MJExtension.h"
#import "YYnews.h"
#import "YYcell.h"
#define YYIDCell @"cell"
@interface YYViewController ()
@property (weak, nonatomic) IBOutlet UICollectionView *collectinView;
@property(nonatomic,strong)NSArray *news;
@end
?
?
?
#pragma mark-懶加載
-(NSArray *)news
{
??? if (_news==nil) {
??????? _news=[YYnews objectArrayWithFilename:@"newses.plist"];
??? }
??? return _news;
}
- (void)viewDidLoad
{
??? [super viewDidLoad];
??? //注冊cell
//??? [self.collectinView registerClass:[YYimageCell class] forCellWithReuseIdentifier:YYCell];
??? [self.collectinView registerNib:[UINib nibWithNibName:@"YYcell" bundle:nil] forCellWithReuseIdentifier:YYIDCell];
???
}
#pragma mark- UICollectionViewDataSource
//一共多少組，默認(rèn)為1組
-(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView
{
??? return 1;
}
-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
{
??? return self.news.count;
}
-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
??? YYcell *cell=[collectionView dequeueReusableCellWithReuseIdentifier:YYIDCell forIndexPath:indexPath];
??? cell.news=self.news[indexPath.item];
??? return cell;
}
#pragma mark-UICollectionViewDelegate
@end
3.補(bǔ)充說明
?
（1）如果collectionCell是以xib的方式自定義的，那么在注冊cell的時(shí)候，需要使用另外一種方式。
（2）在自定義xib的時(shí)候，使用collectionViewCell。并設(shè)置其標(biāo)識(shí)為cell.
?
?
?
（3）打印查看cell的利用情況
三、無限輪播（循環(huán)展示）
1.簡單說明
之前的程序還存在一個(gè)問題，那就是不能循環(huán)展示，因?yàn)閜list文件中只有五個(gè)數(shù)組，因此第一個(gè)和最后一個(gè)之后就沒有了，下面介紹處理這種循環(huán)展示問題的小技巧。
2.方法一：使用一個(gè)for循環(huán)，循環(huán)200次，創(chuàng)建200*=1000個(gè)模型，且默認(rèn)程序啟動(dòng)后處在第100組的位置，向前有500個(gè)模型，向后也有500個(gè)模型，產(chǎn)生一種循環(huán)展示的假象。
代碼如下：
?
#import "YYViewController.h"
#import "MJExtension.h"
#import "YYnews.h"
#import "YYcell.h"
#define YYIDCell @"cell"
@interface YYViewController ()
@property (weak, nonatomic) IBOutlet UICollectionView *collectinView;
@property(nonatomic,strong)NSMutableArray *news;
@end
?
?
?
#pragma mark-懶加載
//-(NSArray *)news
//{
//??? if (_news==nil) {
//??????? _news=[YYnews objectArrayWithFilename:@"newses.plist"];
//??? }
//??? return _news;
//}
-(NSMutableArray *)news
{
??? if (_news==nil) {
??????? _news=[NSMutableArray array];
??????? for (int i=0; i??????????? NSArray *array=[YYnews objectArrayWithFilename:@"newses.plist"];
??????????? [_news addObjectsFromArray:array];
??????? }
??? }
??? return _news;
}
- (void)viewDidLoad
{
??? [super viewDidLoad];
??? //注冊cell
//??? [self.collectinView registerClass:[YYimageCell class] forCellWithReuseIdentifier:YYCell];
??? [self.collectinView registerNib:[UINib nibWithNibName:@"YYcell" bundle:nil] forCellWithReuseIdentifier:YYIDCell];
???
??? //默認(rèn)處于第0組的第500個(gè)模型的左邊
??? [self.collectinView scrollToItemAtIndexPath:[NSIndexPath indexPathForItem:500 inSection:0] atScrollPosition:UICollectionViewScrollPositionLeft animated:YES];
???
}
#pragma mark- UICollectionViewDataSource
//一共多少組，默認(rèn)為1組
-(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView
{
??? return 1;
}
-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
{
??? return self.news.count;
}
-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
??? YYcell *cell=[collectionView dequeueReusableCellWithReuseIdentifier:YYIDCell forIndexPath:indexPath];
??? cell.news=self.news[indexPath.item];
??? NSLog(@"%p,%d",cell,indexPath.item);
??? return cell;
}
#pragma mark-UICollectionViewDelegate
@end
?
?
?
打印查看所處的索引（全程依然只創(chuàng)建了兩個(gè)cell）：
說明：
?
?
[self.collectinView scrollToItemAtIndexPath: atScrollPosition: animated:]
//默認(rèn)處于第0組的第500個(gè)模型的左邊
?
?
3.方法二：設(shè)置其有100組，那么一共有100*5=500個(gè)模型。且設(shè)置默認(rèn)處于第50組的索引為0處。
代碼如下：
?
#import "YYViewController.h"
#import "MJExtension.h"
#import "YYnews.h"
#import "YYcell.h"
#define YYIDCell @"cell"
@interface YYViewController ()
@property (weak, nonatomic) IBOutlet UICollectionView *collectinView;
@property(nonatomic,strong)NSArray *news;
@end
?
?
?
#pragma mark-懶加載
-(NSArray *)news
{
??? if (_news==nil) {
??????? _news=[YYnews objectArrayWithFilename:@"newses.plist"];
??? }
??? return _news;
}
//-(NSMutableArray *)news
//{
//??? if (_news==nil) {
//??????? _news=[NSMutableArray array];
//??????? for (int i=0; i//??????????? NSArray *array=[YYnews objectArrayWithFilename:@"newses.plist"];
//??????????? [_news addObjectsFromArray:array];
//??????? }
//??? }
//??? return _news;
//}
- (void)viewDidLoad
{
??? [super viewDidLoad];
??? //注冊cell
//??? [self.collectinView registerClass:[YYimageCell class] forCellWithReuseIdentifier:YYCell];
??? [self.collectinView registerNib:[UINib nibWithNibName:@"YYcell" bundle:nil] forCellWithReuseIdentifier:YYIDCell];
???
??? //默認(rèn)處于第0組的第500個(gè)模型的左邊
//??? [self.collectinView scrollToItemAtIndexPath:[NSIndexPath indexPathForItem:500 inSection:0] atScrollPosition:UICollectionViewScrollPositionLeft animated:YES];
???
???? [self.collectinView scrollToItemAtIndexPath:[NSIndexPath indexPathForItem:0 inSection:50] atScrollPosition:UICollectionViewScrollPositionLeft animated:YES];
???
}
#pragma mark- UICollectionViewDataSource
//一共多少組，默認(rèn)為1組
-(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView
{
??? return 100;
}
-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
{
??? return self.news.count;
}
-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
??? YYcell *cell=[collectionView dequeueReusableCellWithReuseIdentifier:YYIDCell forIndexPath:indexPath];
??? cell.news=self.news[indexPath.item];
??? NSLog(@"%p,%d",cell,indexPath.item);
??? return cell;
}
#pragma mark-UICollectionViewDelegate
@end
以上就是iOS中無限循環(huán)展示的方法，更多內(nèi)容請繼續(xù)關(guān)注武林技術(shù)頻道的其它相關(guān)文章！
新聞熱點(diǎn)
疑難解答
圖片精選
