Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> IOS

आईओएस ऐप में कलेक्शन व्यू लेआउट कैसे बनाएं?


TableView के साथ CollectionView आईओएस विकास की कई मूलभूत अवधारणाओं में से दो हैं, प्रत्येक डेवलपर को एक अच्छा डेवलपर बनने के लिए दोनों में महारत हासिल करनी चाहिए।

इस पोस्ट में हम मुख्य रूप से संग्रह दृश्य पर ध्यान केंद्रित करेंगे, संग्रह दृश्य कुछ अंतर के साथ तालिका दृश्य के समान है, संग्रह दृश्य क्षैतिज और लंबवत स्क्रॉलिंग दोनों का समर्थन करता है जो ग्रिड की तरह दिखता है। iOS में CollectionView को Android में ग्रिड व्यू के रूप में भी संदर्भित किया जाता है।

इसके बारे में अधिक पढ़ने के लिए आप https://developer.apple.com/documentation/uikit/uicollectionview

देख सकते हैं।

जैसा कि आप देख सकते हैं कि कलेक्शन व्यू में सप्लीमेंट्री व्यू और सेल होते हैं, कलेक्शन व्यू एक सेल का उपयोग करके ऑनस्क्रीन आइटम प्रस्तुत करता है, जो कि UICollectionViewCell क्लास का एक उदाहरण है जिसे आपका डेटा स्रोत कॉन्फ़िगर और प्रदान करता है।

आपका डेटा स्रोत कॉन्फ़िगर और प्रदान करता है।

इसके कक्षों के अतिरिक्त, पूरक विचार अनुभाग शीर्षलेख और पादलेख जैसी चीज़ें हो सकते हैं जो अलग-अलग कक्षों से अलग होते हैं लेकिन फिर भी किसी प्रकार की जानकारी देते हैं। पूरक विचारों के लिए समर्थन वैकल्पिक है और संग्रह दृश्य के लेआउट ऑब्जेक्ट द्वारा परिभाषित किया गया है, जो उन विचारों के स्थान को परिभाषित करने के लिए भी जिम्मेदार है।

तो इस पोस्ट में, हम देखेंगे कि कलेक्शन व्यू कैसे बनाया जाता है,

तो चलिए शुरू करते हैं,

चरण 1 - एक्सकोड खोलें और सिंगल व्यू एप्लिकेशन बनाएं और इसे सैंपलकोलेक्शन व्यू नाम दें।

चरण 2 - मुख्य में। स्टोरीबोर्ड नीचे दिखाए गए अनुसार UICollectionView जोड़ें,

आईओएस ऐप में कलेक्शन व्यू लेआउट कैसे बनाएं?

चरण 3 - संग्रह दृश्य सेल पर चयन करें और पुन:उपयोग पहचानकर्ता को "सेल" के रूप में नाम दें जैसा कि नीचे दिखाया गया है।

आईओएस ऐप में कलेक्शन व्यू लेआउट कैसे बनाएं?

चरण 4 - एक नई कोको टच फ़ाइल बनाएं, इसे CollectionViewCell प्रकार UICollectionViewCell नाम दें और नीचे दिखाए गए अनुसार उसी वर्ग को सेल में जोड़ें।

आईओएस ऐप में कलेक्शन व्यू लेआउट कैसे बनाएं?

चरण 5 - ViewController.swift में @IBOutlet ऑफ कलेक्शन व्यू बनाएं।

आईओएस ऐप में कलेक्शन व्यू लेआउट कैसे बनाएं?

चरण 6 - अब प्रतिनिधि और डेटा स्रोत को संग्रह दृश्य में जोड़ें

आईओएस ऐप में कलेक्शन व्यू लेआउट कैसे बनाएं?

चरण 7 - ViewController.swift खोलें और UICollectionViewDelegate और UICollectionViewDataSource की पुष्टि करें

क्लास व्यू कंट्रोलर:UIViewController, UICollectionViewDelegate, UICollectionViewDataSource

चरण 8 - अनिवार्य प्रतिनिधि विधियों को लागू करें जैसा कि नीचे दिखाया गया है

<पूर्व> func संग्रह दृश्य (_ संग्रह दृश्य:UICollectionView, numberOfItemsInSection अनुभाग:Int) -> Int {वापसी 500} func संग्रह दृश्य (_ संग्रह दृश्य:UICollectionView, cellForItemAt indexPath:IndexPath) -> UICollectionViewCell { सेल होने दें:UICollectionViewCell =collectionView.dequeueReusableCell (ReuseIdentifier के साथ) :"सेल", के लिए:indexPath) as! CollectionViewCell cell.backgroundColor =UIColor.gray रिटर्न सेल}

चरण 9 - एप्लिकेशन चलाएँ, आप लंबवत स्क्रॉल कर सकते हैं, संग्रह दृश्य स्क्रॉल क्षैतिज बनाने के लिए,

स्क्रॉल डायरेक्शन प्रॉपर्टी को हॉरिजॉन्टल में बदलें।

आईओएस ऐप में कलेक्शन व्यू लेआउट कैसे बनाएं?


आईओएस ऐप में कलेक्शन व्यू लेआउट कैसे बनाएं?

पूर्ण कोड

<पूर्व> UIKitclass ViewController आयात करें:UIViewController, UICollectionViewDelegate, UICollectionViewDataSource {@IBOutlet var संग्रह दृश्य:UICollectionView! ओवरराइड func viewDidLoad() {super.viewDidLoad ()} func संग्रह दृश्य (_ संग्रह दृश्य:UICollectionView, numberOfItemsInSection अनुभाग:Int) -> Int {वापसी 500} func संग्रह दृश्य (_ संग्रह दृश्य:UICollectionView, cellForItemAt indexPath:IndexPath) -> UICollectionViewCell {चलो सेल:UICollectionViewCell =collectionView.dequeueReusableCell(withReuseIdentifier:"cell", for:indexPath) as! CollectionViewCell cell.backgroundColor =UIColor.gray रिटर्न सेल }}
  1. IOS 14 में ऐप लाइब्रेरी का उपयोग कैसे करें

    iOS 14 - जो अभी इंस्टाल करने के लिए उपलब्ध है! - अपने साथ उपयोगी नई सुविधाओं का एक बेड़ा लाता है। iPhone उपयोगकर्ता होम स्क्रीन पर नए विजेट का लाभ उठा सकते हैं, Apple अनुवाद ऐप के माध्यम से विदेशी भाषाओं में संवाद कर सकते हैं और उन्नत संदेश सेवा पर सभी को इसके बारे में बता सकते हैं। लेकिन ऐप्पल के म

  1. IOS 14 में ऐप लाइब्रेरी का उपयोग कैसे करें

    IOS 14 की शुरूआत ने Apple के ऑपरेटिंग सिस्टम में कई नए और रोमांचक फीचर जोड़े। डिफ़ॉल्ट ऐप्स, ऐप क्लिप्स और ऐप लाइब्रेरी कुछ बेहतरीन जोड़ हैं। ऐप लाइब्रेरी विशेष रूप से सबसे लोकप्रिय समावेशन में से एक होने की संभावना है जो उपयोगकर्ताओं को अपने आईफ़ोन को व्यवस्थित करने का एक बिल्कुल नया तरीका प्रदान क

  1. जीमेल डेस्कटॉप ऐप कैसे बनाएं

    जीमेल ग्रह पर सबसे प्रमुख ईमेल प्रदाता है। यह फीचर से भरपूर है, स्मार्टफोन में सर्वव्यापी है, और बहुत अच्छी तरह से प्रस्तुत किया गया है। उन कारणों से, हो सकता है कि आप पहले ब्राउज़र विंडो खोले बिना सीधे अपने डेस्कटॉप से ​​अपने जीमेल तक पहुंचने में सक्षम होना चाहें। शुक्र है, क्रोम और अब माइक्रोसॉफ्