百恒
2017-04-01 14:30:06
4403
? ? ? ?在iOS開發中集合視圖單元格是集合視圖中最為重要的組成部分，沒有樣式和風格定義，它可以在故事板中設計，也可以通過代碼來設定。單元格就是一個視圖，可以在它的內部放置其他視圖或控件。那么如何添加集合視圖單元格呢？下面江西網絡公司-百恒網絡就為大家揭曉：
? ? ? ?首先，我們需要自定義一個單元格類，它繼承自UICollectionViewCell。當然，我們也可以在Xcode中創建單元格類。
? ? ? ?具體步驟是：選擇CollectionViewSample組，再選擇File→New→File菜單，選擇iOS→Source→Cocoa Touch Class，并點擊Next按鈕，此時會彈出如圖5-23所示的對話框，在Class項目中輸入Cell，在Subclass of項目中選擇UICollectionViewCell，在Language中選擇Swift或Objective-C，最后點擊Next按鈕即可創建單元格類Cell。
? ? ? ?然后在Interface Builder中打開故事板設計界面，選中Collection View Cell，打開其標識檢查器，如圖5-24所示，選擇Custom Class→Class下拉列表為Cell。
? ? ? ?接下來我們需要設置可重用單元格標識。選擇單元格，打開其屬性檢查器，如圖5-25所示，在Collection Reusable View→Identifier中輸入Cell。
? ? ? ?然后我們需要設置單元格的大小。打開其尺寸檢查器，將Size修改為Custom，尺寸為150×150，如圖5-26所示。要想讓單元格設置的大小生效，需要設置集合視圖尺寸，如圖5-27所示，其中的Cell Size要與圖5-26所示的尺寸相同。
? ? ? ?回到Interface Builder界面，從對象庫中將ImageView和Label控件拖曳到單元格中，如圖5-28所示。
? ? ? ?為了能夠通過代碼訪問單元格中的ImageView和Label控件，我們需要為這兩個控件定義輸出口。具體操作方法是：點擊左上角第一組按鈕中的“打開輔助編輯器”按鈕，如圖5-29所示，在輔助編輯器上邊的導航欄中選擇Manual→CollectionViewSample→CollectionViewSample→Cell.swift（Objective-C情況下選擇Cell.h）打開。
? ? ? ?選中單元格中的ImageView視圖，同時按住control鍵，將ImageView拖曳到如圖5-30所示的位置，釋放鼠標，此時會彈出一個對話框。在Connection欄中選擇Outlet，將輸出口命名為imageView。使用同樣的方法將Label控件與輸出口屬性label連接好。
? ? ? ?最后需要為視圖添加約束。打開布局工具欄中的“點擊解決布局問題”按鈕，從彈出的對話框中選擇All Views in View Controller→Add Missing Constraints菜單，添加所有應該添加的約束。
? ? ? ?百恒網絡是一家專業從事網站建設、微信來發、手機APP開發的江西網絡公司，具有十幾年的豐富經驗，致力于為各大企業提供高品質建設方案及搭建高端、安全、穩定的網絡平臺，如有需要網絡方面的服務，百恒網絡隨時歡迎您來電咨詢。
十三年專注于網站建設與互聯網應用開發，
全國服務熱線：
贛公網安備 36010202000052號
售前咨詢