本文主要祥講解一下本人在平時寫過的一個小Demo,模仿側面是菜單欄,右面是自定義View的布局展示選擇左側列表中的不同分類,右側會展示不同的頁面。
demo.gif
本文小編只是拋磚引玉,給iOS初學者提供一個思路,如有出入,還請多多指教。
? ? ? ?首先我們要明確這種布局模式,看界面不難發現整體是由兩部分組成,左側是一個TableView,用來展示分類類別,右側則是對應的自定義布局,可以是任何控件組成的布局,布局可以完全相同,也可由不同,只需判斷選中類別的下標來展示不同的頁面,提取不同的數據即可。
? ? ? 在類別標記上,我采取的是定義一個全局的NSndexPath對象,初始化為{0,0},默認選中第一個,后面的分類顯示以及右側顯示也都是通過判斷此對象來改變的。
定義一個全局的NSndexPath對象,默認選中第一個
? ? ? 在給UITableViewCell賦值時,同樣需要做個判斷,判斷當前賦值的Cell是否是默認顯示的分類,若是則將該Cell的顯示設置為已選中的狀態,其他Cell則設置成正常未選中狀態
初始化Cell
? ? ? 在tableView的點擊事件里判斷當前選中的IndexPath與上一次標記的IndexPath是否一致,若不一致則更改右側布局,及左側類別列表的選中狀態。
選中分類時的點擊事件
思路大體講解完畢,如果您對這個Demo有興趣,在GitHub上查看該Demo的具體實現Demo在GitHub上的地址