तेजी से संग्रह दृश्य का उपयोग करने के लिए, सबसे पहले, हमें एक संग्रह दृश्य बनाने की आवश्यकता है। हम इसे स्टोरीबोर्ड पर ड्रैग और ड्रॉप कर सकते हैं, या हम इसे प्रोग्रामेटिक रूप से बना सकते हैं। उसके बाद, हमें अपनी कक्षा को UICollectionViewDataSource और UICollectionViewDelegate पर पुष्टि करने की आवश्यकता है। इसके अलावा अगर हमें कस्टम सेल आकार और लेआउट की आवश्यकता है, तो हमें इसकी पुष्टि UICollectionViewDelegateFlowLayout से करनी होगी।
आइए देखें कि प्रोग्राम के रूप में एक संग्रह दृश्य बनाने के लिए आवश्यक कदम क्या हैं।
func initCollection() { लेआउट दें =UICollectionViewFlowLayout() layout.itemSize =CGSize (चौड़ाई:50, ऊंचाई:50) संग्रह करने दें =UICollectionView.init (फ्रेम:self.view.frame, collectionViewLayout:लेआउट) संग्रह। डेटा स्रोत =स्वयं संग्रह। प्रतिनिधि =स्वयं संग्रह। पृष्ठभूमि रंग =रंग साहित्य (लाल:0.3411764801, हरा:0.6235294342, नीला:0.1686274558, अल्फा:1) संग्रह। रजिस्टर (UICollectionViewCell.self, forCellWithReuseIdentifier:"सेल") self.view.addSubview (संग्रह) )}
हमें उपरोक्त फ़ंक्शन को हमारे ViewDidLoad () विधि में कॉल करने की आवश्यकता है। चाहे हम प्रोग्रामेटिक रूप से एक संग्रह बनाएं, या स्टोरीबोर्ड के साथ, हमें डेटा स्रोत आवंटित करने की आवश्यकता है, और तालिका में डेटा देने के लिए प्रतिनिधि, और क्रमशः इसके कार्यों का निरीक्षण करें।
अब, हमें संग्रह को बताना होगा कि इसमें कितने सेक्शन होने चाहिए -
func numberOfSections(संग्रह दृश्य में:UICollectionView) -> Int {रिटर्न 1}
उसके बाद, हमें यह बताना होगा कि इसमें कितने आइटम होंगे, और सेल में कौन सा डेटा मौजूद होना चाहिए।
<पूर्व> func संग्रह दृश्य (_ संग्रह:UICollectionView, numberOfItemsInSection अनुभाग:Int) -> Int {वापसी 7} func संग्रह दृश्य (_ संग्रह:UICollectionView, cellForItemAt indexPath:IndexPath) -> UICollectionViewCell { सेल =संग्रह। dequeueReusableCell (ReuseIdentifier के साथ:" सेल", के लिए:इंडेक्सपाथ) सेल.लेयर.बैकग्राउंडकलर =कलरलिटरल (लाल:0.4392156899, हरा:0.01176470611, नीला:0.1921568662, अल्फा:1) रिटर्न सेल}वैकल्पिक रूप से हम इसे आवश्यकता के अनुसार अलग-अलग आकार दे सकते हैं।
func collectionView(_ संग्रह:UICollectionView, लेआउट संग्रहViewLayout:UICollectionViewLayout, sizeForItemAt indexPath:IndexPath) -> CGSize { आकार दें =CGSize (चौड़ाई:200, ऊंचाई:50) वापसी आकार}
जब हम उपरोक्त कोड को किसी डिवाइस पर चलाते हैं, तो यह परिणाम उत्पन्न होता है।