#31 以 static cells 模仿製作 iOS App 表格頁面

模仿製作設定頁面

整體配置如下圖

設定Static Cells且配置5個Sections

每個Section分別配置數量不等的cell,且表格內的物件用StackView包裝起來,配置好四邊約束條件(Constraints)。

Stack View的配置資料

StackView內的物件也要設定好約束條件,包含圖片跟Label的間距與佈局,另外要注意圖片除了長寬外,另外Hungging Priority也要調高,避免與Label相衝。

StackView內物件的佈局與間距設定
圖片的長寬約束條件與Hugging Priority

另外針對不同的Cell可以選擇配置Accessory,就是在Cell右邊顯示箭頭,如果有配置按鈕的就不用設置。

配置Accessory符號

成果

--

--