iOS开发UI篇—无限轮播（新闻数据展示）

iOS开发UI篇—无限轮播（新闻数据展示）

一、实现效果

　　      

二、实现步骤

1.前期准备

　　（1）导入数据转模型的第三方框架MJExtension

　　（2）向项目中添加保存有“新闻”数据的plist文件

　　　　

　　（3）导入用到的图片素材

2.步骤和代码

（1）新建一个数据模型

　　　

　　该模型的代码设计如下：　　　　

　　YYnews.h文件

 //

 //  YYnews.h

 //  08-无限滚动（新闻数据展示）

 //

 #import <Foundation/Foundation.h>

 @interface YYnews : NSObject

 @property(nonatomic,copy)NSString *title;

 @property(nonatomic,copy)NSString *icon;

 @end

（2）新建一个继承自UICollectionViewCell的类，用于自定义cell。

　　

（3）新建一个xib文件，和自定义的cell做关联

　　   

　　代码设计如下：

　　 YYcell.h文件

 //

 //  YYcell.h

 //  08-无限滚动（新闻数据展示）

 //

 #import <UIKit/UIKit.h>

 @class YYnews;

 @interface YYcell : UICollectionViewCell

 @property(nonatomic,strong)YYnews *news;

 @end

YYcell.m文件

 //

 //  YYcell.m

 //  08-无限滚动（新闻数据展示）

 //

 #import "YYcell.h"

 #import "YYnews.h"

 @interface YYcell ()

 @property (weak, nonatomic) IBOutlet UILabel *label;

 @property (weak, nonatomic) IBOutlet UIImageView *imageView;

 @end

 @implementation YYcell

 -(void)setNews:(YYnews *)news

 {

     _news=news;

     self.label.text=news.title;

     self.imageView.image=[UIImage imageNamed:news.icon];

 }

 @end

（4）在主控制器中的代码处理

　　YYViewController.m文件

 //

 //  YYViewController.m

 //

 //

 //  Created by apple on 14-8-3.

 //  Copyright (c) 2014年 yangyong. All rights reserved.

 //

 #import "YYViewController.h"

 #import "MJExtension.h"

 #import "YYnews.h"

 #import "YYcell.h"

 #define YYIDCell @"cell"

 @interface YYViewController ()<UICollectionViewDataSource,UICollectionViewDelegate>

 @property (weak, nonatomic) IBOutlet UICollectionView *collectinView;

 @property(nonatomic,strong)NSArray *news;

 @end

 @implementation YYViewController

 #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

 //一共多少组，默认为1组

 -(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView

 {

     return ;

 }

 -(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.补充说明

（1）如果collectionCell是以xib的方式自定义的，那么在注册cell的时候，需要使用另外一种方式。
[self.collectinView registerClass:[YYimageCell class] forCellWithReuseIdentifier:YYCell];
[self.collectinView registerNib:[UINib nibWithNibName:@"YYcell" bundle:nil] forCellWithReuseIdentifier:YYIDCell];
（2）在自定义xib的时候，使用collectionViewCell。并设置其标识为cell.
　　
（3）打印查看cell的利用情况
　　

iOS开发UI篇—无限轮播（新闻数据展示）的相关教程结束。