हम UITableView बनाते हैं। शुरुआती लोगों के लिए

नए साल की छुट्टियां बीत चुकी हैं, लेकिन उपयोगी और बहुत लेख लिखने की मेरी इच्छा नहीं - नहीं! आज हम UITableViewDataSource के साथ काम करते हुए, UITableView के बारे में बात करेंगे और कोशिकाओं का पुन: उपयोग करेंगे। हम स्टोरीबोर्ड के बिना रूट कंट्रोलर स्थापित करने के लिए कैसे कवर करेंगे, टेबल के साथ काम करते समय होने वाली त्रुटियां, लेआउट और UINavigationBar के लिए एक बड़े हेडर।

मजाकिया चुटकुले पसंद करने वालों के लिए, मैंने YouTube पर एक वीडियो रिकॉर्ड किया है। खैर, यहां सब कुछ गंभीर होगा। चलिए शुरू करते हैं।

एक खाली प्रोजेक्ट बनाएं, जो भी आपको पसंद है उसे नाम दें और नियंत्रक पर जाएं। UIKit में UITableViewController क्लास है। आप बहुत सारे ट्यूटोरियल्स को गूगल कर सकते हैं जहाँ टेबल को इस क्लास के संदर्भ में दिखाया गया है। लेकिन बेहतर समझ के लिए, हम UIViewController के बेस में सब कुछ करेंगे।

सबसे अधिक बार, जब एक तालिका की आवश्यकता होती है, तो UINavigationController का उपयोग किया जाता है:

इसे जोड़ते हैं। AppDelegate फ़ाइल में, didFinishLaunchingWithOptions फ़ंक्शन, निम्न कोड डालें :

let navigationController = UINavigationController.init(rootViewController: ViewController()) self.window = UIWindow.init(frame: UIScreen.main.bounds) self.window?.rootViewController = navigationController self.window?.makeKeyAndVisible() 

के लिए एक छोटा शैक्षिक कार्यक्रम: स्टोरबोर्ड और कॉन्स्टेंट अच्छे हैं , लेकिन इस ट्यूटोरियल में हम उनके बिना करने की कोशिश करेंगे। यह कोड स्टोरीबोर्ड को अनदेखा करेगा (आप इसे हटा सकते हैं) और UINavigationController में ViewController लपेटें।

UINavigationBar के लिए एक शीर्षक सेट करना अच्छा होगा। ऐसा करने के लिए, हम ViewController क्लास में जाएंगे (हम आगे का सारा काम यहां करेंगे) और निम्नलिखित कोड को viewDidLoad विधि में जोड़ें:

 self.view.backgroundColor = UIColor.white self.navigationItem.title = "Table" self.navigationController?.navigationBar.prefersLargeTitles = true 

अब टाइटल बड़ा और ट्रेंडी होगा। प्रोजेक्ट चलाना, हम निम्नलिखित देखेंगे:

एक TableView बनाना

तैयारी की कार्रवाई पूरी हो गई है, हम मुख्य चीज पर आगे बढ़ सकते हैं। नियंत्रक में, UITableView गुण बनाएँ। एक ऐसा आरंभिक चुनें जिसमें स्टाइल पैरामीटर हो। कोई भी फ़्रेम सेट करें, हम बाद में उस पर वापस लौटेंगे। और स्टाइल के लिए, Grouped सेट करें।

 let tableView = UITableView.init(frame: .zero, style: UITableView.Style.grouped) 

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

ख़ाका

यहाँ हम स्थिरांक से बच जाएंगे, लेकिन हम आसान तरीकों की तलाश नहीं करेंगे। मैं उस विधि को दिखाऊंगा जिसका मैं उपयोग करता हूं। बेशक, वह विहित होने का नाटक नहीं करता है, और ऐसा करने के लिए आवश्यक नहीं है। हम एक फ़ंक्शन की घोषणा करते हैं जो विचारों को फ्रेम को उजागर करेगा, और पैरामीटर नियंत्रक का आकार लेगा:

 private func updateLayout(with size: CGSize) { self.tableView.frame = CGRect.init(origin: .zero, size: size) } 

आपको फ़ंक्शन को दो स्थानों पर देखने की आवश्यकता है - व्यूडालड विधि और व्यूविलट्रांसमेंट में :

 override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) { super.viewWillTransition(to: size, with: coordinator) coordinator.animate(alongsideTransition: { (contex) in self.updateLayout(with: size) }, completion: nil) } 

अब किसी भी अभिविन्यास के लिए तालिका को पूर्ण स्क्रीन में रखा जाएगा। आप अद्यतित विधि में अन्य संसाधन जोड़ सकते हैं।

UITableViewCell बनाना

चूंकि ट्यूटोरियल कोशिकाओं के बारे में नहीं है, लेकिन एक तालिका है, हम विस्तार से अनुकूलन पर ध्यान नहीं देंगे। चलो आधार से विरासत में मिली एक सेल क्लास बनाते हैं:

 class TableViewCell: UITableViewCell { } 

तालिका में सेल का उपयोग करने के लिए, आपको कक्षा को पंजीकृत करने की आवश्यकता है। ऐसा करने के लिए, ViewController में , निम्न विधि को टेबल पर कॉल करें:

 self.tableView.register(TableViewCell.self, forCellReuseIdentifier: "TableViewCell") 

यदि वर्ग स्पष्ट है, तो पहचानकर्ता ध्यान देने योग्य है। 99% मामलों में, नियम काम करेगा:

• " एक ही वर्ग के सेल में समान पहचानकर्ता होना चाहिए "

बहुत कम परिस्थितियां होती हैं जब एक ही वर्ग की कोशिकाओं को अलग-अलग पहचानकर्ता की आवश्यकता होती है, और वे मुख्य रूप से कोड रेंडरिंग और एनिमेशन से जुड़े होते हैं।

डेटा स्रोत

यह एक संपत्ति है जो ऑब्जेक्ट को इंगित करता है जो तालिका को भर देगा। यानी UITableViewDataSource प्रोटोकॉल लागू करें। दो तरीकों की आवश्यकता है:

 func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {} func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {} 

पहले खंड में कोशिकाओं की संख्या के लिए जिम्मेदार है। हमारे पास अभी भी एक खंड है, एक बहुक्रिया (क्या ऐसा कोई शब्द है?) हम विचार नहीं करेंगे। दूसरी विधि सेल ऑब्जेक्ट प्राप्त करना है। यह चालाकी से काम करता है, यह मत सोचो कि तुमने एक सेनानी को काट लिया है!

लेकिन पहले, आइए एक पंक्ति जोड़ते हैं जो तालिका को पॉप्युलेट करेगी।

अब पहली विधि के कार्यान्वयन के लिए आगे बढ़ते हैं:

 func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int { switch tableView { case self.tableView: return self.data.count default: return 0 } } 

हम तालिका को बताते हैं कि 0 वें सेक्शन में उतने सेल होंगे जितने डेटा ऐरे में तत्व हैं। दूसरी विधि थोड़ी अधिक जटिल है। सेल को पुन: प्रारंभ करना असंभव है, और सभी पुन: उपयोग करने की प्रणाली के कारण। लेकिन एप्पल को डांटने की कोई जरूरत नहीं है, वास्तव में यह अच्छा है! ऑब्जेक्ट प्राप्त करने के लिए, आपको निम्नलिखित कोड कॉल करना होगा:

 func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { let cell = self.tableView.dequeueReusableCell(withIdentifier: "TableViewCell", for: indexPath) as! TableViewCell cell.textLabel?.text = self.data[indexPath.row] return cell } 

DequeueReusableCell पद्धति सेल ऑब्जेक्ट को पहचानकर्ता द्वारा प्राप्त करेगी, और हम TableViewCell क्लास के अनुसार उपयोग करके टाइपकास्ट करेंगे , जो सेल होना चाहिए। टेक्स्टलैब एक बेस क्लास प्रॉपर्टी है, अतिरिक्त कॉन्फ़िगरेशन की आवश्यकता नहीं है।

यह तालिका के लिए डेटा स्रोत निर्दिष्ट करने के लिए बना हुआ है और व्यूडायलाड विधि को अब इस तरह दिखना चाहिए :

 override func viewDidLoad() { super.viewDidLoad() self.view.backgroundColor = UIColor.white self.navigationItem.title = "Table" self.navigationController?.navigationBar.prefersLargeTitles = true self.view.addSubview(self.tableView) self.tableView.register(TableViewCell.self, forCellReuseIdentifier: "TableViewCell") self.tableView.dataSource = self self.updateLayout(with: self.view.frame.size) } 

यदि हम परियोजना चलाते हैं, तो हमें सामग्री से भरी एक तालिका दिखाई देगी:

पुनर्प्रयोग

अब तक, सब कुछ क्रम में लगता है। चलो कोशिकाओं में से एक के लिए एक प्रकटीकरण शामिल करें । यह एक एक्सेसरी है जिसे आपने निश्चित रूप से iOS में देखा है:

मान लें कि कार्य केवल पहली सेल के लिए संकेतक सेट करना है। पहली बात जो दिमाग में आती है वह है सेलफोररॉव विधि में एक सरल जोड़ना।

 if indexPath.row == 0 { cell.accessoryType = .disclosureIndicator } 

लेकिन दुश्मन छिपा है! चलो प्रोजेक्ट चलाते हैं, और स्क्रीन से टेबल को स्क्रॉल करते हैं:

सूचक पहले के लिए दिखाई दिया, लेकिन अन्य कोशिकाओं के लिए लापरवाही से प्रकट होता है! यह फिर से उपयोग किया जाता है - एक सेल लिया जाता है जो मेमोरी में अधिक सुविधाजनक है (शुरुआती के लिए एक महान स्पष्टीकरण, दाएं?) और विधि के अनुसार कॉन्फ़िगर किया गया है। कभी-कभी ऐसा होता है कि एक संकेतक के साथ एक सेल खींचा जाता है। नतीजतन, हमारे पास ऐसी बग है। क्या करें?

सब कुछ सरल है। दो संभावित समाधान हैं। पहला अन्य ब्लॉक में है और अनिवार्य रूप से किसी भी सेल के अस्पष्ट कॉन्फ़िगरेशन का अर्थ है। विधि इस तरह दिखाई देगी:

 func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { let cell = self.tableView.dequeueReusableCell(withIdentifier: "TableViewCell", for: indexPath) as! TableViewCell cell.textLabel?.text = self.data[indexPath.row] if indexPath.row == 0 { cell.accessoryType = .disclosureIndicator } else { cell.accessoryType = .none } return cell } 

एक और तरीका है - सेल पर तैयारफॉरइयूस विधि को लागू करने के लिए। जैसा कि नाम से ही स्पष्ट है कि विधि का उपयोग पुन: उपयोग से पहले किया जाता है। आपको केवल डिफ़ॉल्ट रूप से सेल को रीसेट करना होगा। कोड इस तरह दिखता है:

 class TableViewCell: UITableViewCell { override func prepareForReuse() { super.prepareForReuse() self.accessoryType = .none } } 

पुन: उपयोग से जुड़ी कई बारीकियां हैं। उदाहरण के लिए, पृष्ठ पर अंक लगाना, अनुकूली ऊंचाई, एनिमेटेड विलोपन और सम्मिलन के साथ एक सेल के लिए छवियों को लोड करने का कार्य। लेकिन इसके बारे में दूसरे भाग में, अगर मेरे हाथ पहुँचते हैं)

साधकों के लिए

मैं नियमित रूप से अपने चैनल पर एक ट्यूटोरियल रिकॉर्ड करने की कोशिश करता हूं । आप इस बारे में वीडियो पा सकते हैं कि कैसे कोड ड्रा करना है या एप्पल म्यूजिक प्लेयर कंट्रोलर कैसे बनाना है , साथ ही इस आर्टिकल पर एक वीडियो: