天天看点

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

一、实现效果

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

二、实现步骤

1.前期准备

  (1)导入数据转模型的第三方框架mjextension

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

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

  (3)导入用到的图片素材

2.步骤和代码

(1)新建一个数据模型

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

该模型的代码设计如下: 

 yynews.h文件

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

(2)新建一个继承自uicollectionviewcell的类,用于自定义cell。

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

(3)新建一个xib文件,和自定义的cell做关联

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

  代码设计如下:

   yycell.h文件

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

yycell.m文件

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

(4)在主控制器中的代码处理

  yyviewcontroller.m文件

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

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.

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

(3)打印查看cell的利用情况

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