स्विफ्ट का उपयोग करके तालिका दृश्य में छवियों का आलसी लोडिंग

तालिका दृश्य सेल में एक छवि लोड करने के लिए हम चरणों की एक श्रृंखला से गुजरेंगे।

एक टेबल व्यू, टेबल व्यू सेल बनाएं और उसमें एक इमेज व्यू जोड़ें।

हमारे द्वारा बनाए गए सेल को एक कस्टम क्लास असाइन करें।

पंक्ति में विधि के लिए सेल में कोड की निम्नलिखित पंक्तियाँ लिखें।

let cell = tblView.dequeueReusableCell(withIdentifier: "CustomCell") as! CustomCell
return cell

छवि को डाउनलोड करने के लिए हम एक फ़ंक्शन बनाएंगे और उसे एक एक्सटेंशन में एम्बेड करेंगे।

func setImageFromUrl(ImageURL :String) {
   URLSession.shared.dataTask( with: NSURL(string:ImageURL)! as URL, completionHandler: {
      (data, response, error) -> Void in
      DispatchQueue.main.async {
         if let data = data {
            self.image = UIImage(data: data) 
         }
      }
   }).resume()
}

अब उसी फ़ंक्शन को किसी भी छवि के साथ उपयोग करने के लिए UIImageView के एक्सटेंशन में एम्बेड करें।

सेल फॉर रो एट मेथड में निम्नलिखित फ़ंक्शन, जहां img कस्टम क्लास में आउटलेट है।

cell.img.setImageFromUrl(ImageURL: url)

इस उदाहरण में मैंने ओपन सोर्स "https://homepages.cae.wisc.edu/~ece533/images/boat.png" से एक छवि का उपयोग किया है

जब हम iPhone 7+ सिम्युलेटर पर समान कोड चलाते हैं, तो नीचे परिणाम होता है -