天天看點

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篇—無限輪播(新聞資料展示)

繼續閱讀