天天看點

iOS開發UI篇—使用xib自定義UItableviewcell實作一個簡單的團購應用界面布局

一、項目檔案結構和plist檔案

iOS開發UI篇—使用xib自定義UItableviewcell實作一個簡單的團購應用界面布局

二、實作效果

iOS開發UI篇—使用xib自定義UItableviewcell實作一個簡單的團購應用界面布局

三、代碼示例

1.沒有使用配套的類,而是直接使用xib檔案控件tag值操作

資料模型部分:

yytg.h檔案

iOS開發UI篇—使用xib自定義UItableviewcell實作一個簡單的團購應用界面布局
iOS開發UI篇—使用xib自定義UItableviewcell實作一個簡單的團購應用界面布局

yytg.m檔案

iOS開發UI篇—使用xib自定義UItableviewcell實作一個簡單的團購應用界面布局
iOS開發UI篇—使用xib自定義UItableviewcell實作一個簡單的團購應用界面布局

主要制器

yyviewcontroller.m檔案

iOS開發UI篇—使用xib自定義UItableviewcell實作一個簡單的團購應用界面布局
iOS開發UI篇—使用xib自定義UItableviewcell實作一個簡單的團購應用界面布局

使用xib自定義的uitableviewcell

iOS開發UI篇—使用xib自定義UItableviewcell實作一個簡單的團購應用界面布局

代碼分析:

上面的代碼通過使用xib檔案中各個控件的tag值,完成對每個部分資料的指派和重新整理。但是,作為主要制器,它應該知道xib檔案中各個控件的tag值,它知道的是不是太多了呢?

為了解決上面的問題,我們可以為自定義的cell設定一個配套的類,讓這個類來操作這個xib,對外提供接口,至于内部的資料處理,外界不需要關心,也不用關心。

改造後的代碼如下:

2.使用xib和對應的類完成自定義cell的資料展示

建立一個類,用來管理對應的xib檔案

注意類的繼承類,并把該類和xib檔案進行關聯

iOS開發UI篇—使用xib自定義UItableviewcell實作一個簡單的團購應用界面布局

yytgcell.h檔案代碼:

iOS開發UI篇—使用xib自定義UItableviewcell實作一個簡單的團購應用界面布局
iOS開發UI篇—使用xib自定義UItableviewcell實作一個簡單的團購應用界面布局

yytgcell.m檔案

iOS開發UI篇—使用xib自定義UItableviewcell實作一個簡單的團購應用界面布局
iOS開發UI篇—使用xib自定義UItableviewcell實作一個簡單的團購應用界面布局
iOS開發UI篇—使用xib自定義UItableviewcell實作一個簡單的團購應用界面布局
iOS開發UI篇—使用xib自定義UItableviewcell實作一個簡單的團購應用界面布局

3.對上述代碼進行進一步的優化和調整(mvc)

優化如下:

(1)把主要制器中建立cell的過程抽取到yytgcell中完成,并對外提供一個接口。

yytgcell.h檔案(提供接口)

iOS開發UI篇—使用xib自定義UItableviewcell實作一個簡單的團購應用界面布局
iOS開發UI篇—使用xib自定義UItableviewcell實作一個簡單的團購應用界面布局

yytgcell.m檔案(把建立自定義cell的部分進行封裝)

iOS開發UI篇—使用xib自定義UItableviewcell實作一個簡單的團購應用界面布局
iOS開發UI篇—使用xib自定義UItableviewcell實作一個簡單的團購應用界面布局

主要器中的業務邏輯更加清晰,yyviewcontroller.m檔案代碼如下

iOS開發UI篇—使用xib自定義UItableviewcell實作一個簡單的團購應用界面布局
iOS開發UI篇—使用xib自定義UItableviewcell實作一個簡單的團購應用界面布局

四、推薦調整的項目檔案結構

iOS開發UI篇—使用xib自定義UItableviewcell實作一個簡單的團購應用界面布局

這是調整後的檔案結構,完整的mvc架構。

注意:注意檔案的命名規範。

提示技巧:批量改名,操作如下:

iOS開發UI篇—使用xib自定義UItableviewcell實作一個簡單的團購應用界面布局

修改為想要的名稱:

iOS開發UI篇—使用xib自定義UItableviewcell實作一個簡單的團購應用界面布局

繼續閱讀