टेबल व्यू आईओएस एप्लिकेशन का सबसे महत्वपूर्ण और मौलिक हिस्सा है, प्रत्येक आईओएस डेवलपर को इससे परिचित होना चाहिए।
लगभग हर एप्लिकेशन जो आप ऐप स्टोर में देखते हैं, टेबल व्यू का उपयोग करते हैं।
IOS पर तालिका दृश्य पंक्तियों में विभाजित, लंबवत स्क्रॉलिंग सामग्री का एकल स्तंभ प्रदर्शित करते हैं। तालिका की प्रत्येक पंक्ति में आपके ऐप की सामग्री का एक भाग होता है। उदाहरण के लिए, संपर्क ऐप प्रत्येक संपर्क का नाम एक अलग पंक्ति में प्रदर्शित करता है, और सेटिंग ऐप का मुख्य पृष्ठ सेटिंग्स के उपलब्ध समूहों को प्रदर्शित करता है
आप तालिका दृश्य के बारे में अधिक यहाँ पढ़ सकते हैं,
https://developer.apple.com/documentation/uikit/uitableview
इस पोस्ट में हम देखेंगे कि हम गोलाकार कोनों के साथ टेबल व्यू कैसे बना सकते हैं।
तो, चलिए शुरू करते हैं,
चरण 1 − ओपन एक्सकोड → नया प्रोजेक्ट → सिंगल व्यू एप्लीकेशन → आइए इसे "टेबल व्यूविथ राउंडेड कॉर्नर" नाम दें
चरण 2 - Main.storyboard खोलें और नीचे दिखाए अनुसार UITableView जोड़ें,
चरण 3 - ViewController.swift में अब Main.storyboard से टेबलव्यू का @IBoutlet बनाएं और इसे टेबल व्यू नाम दें।
चरण 4 - ViewController.swift में, viewDidLoad विधि में, तालिका में प्रतिनिधि और डेटा स्रोत जोड़ें जैसा कि नीचे दिखाया गया है।
@IBOutlet var tableView:UITableView! ओवरराइड func viewDidLoad() {super.viewDidLoad() tableView.delegate =self tableView.dataSource =self} चरण 5 - Main.storyboard खोलें और ViewController का बैकग्राउंड कलर बदलें, सेल के अंदर प्रोटोटाइप सेल और लेबल जोड़ें जैसा कि दिखाया गया है।
अब उपप्रकार UITableViewCell के नए टेबलव्यू सेल के लिए एक फ़ाइल जोड़ें और उसमें जोड़ें।
अब ViewController.swift खोलें और प्रोटोकॉल का पालन करें और नीचे दिए गए प्रतिनिधि विधियों को लागू करें।
एक्सटेंशन व्यूकंट्रोलर:UITableViewDataSource, UITableViewDelegate { func tableView(_ tableView:UITableView, numberOfRowsInSection section:Int) -> Int {रिटर्न 2} func tableView (_ tableView:UITableView, cellForRowAt indexPath:IndexPath) -> UITableViewCell { सेल होने दें:UITableViewCell =tableView.dequeueReusableCell(withIdentifier:"cell", for:indexPath) as! TableViewCell रिटर्न सेल} func tableView(_ tableView:UITableView, heightForRowAt indexPath:IndexPath) -> CGFloat {रिटर्न 80}} चरण 6 - प्रोजेक्ट को रन करें लेकिन ऐसा करने के लिए टेबल व्यू गोल कोनों के साथ नहीं आएगा, डिड लोड मेथड को ध्यान में रखते हुए नीचे दिया गया कोड लिखें।
tableView.layer.cornerRadius=10 // सेट कॉर्नर रेडियस heretableView.layer.backgroundColor =UIColor.cyan.cgColor
पूरे कोड के लिए -
<पूर्व> UIKitclass ViewController आयात करें:UIViewController {@IBOutlet var tableView:UITableView! ओवरराइड func viewDidLoad() {super.viewDidLoad() tableView.delegate =self tableView.dataSource =self tableView.layer.cornerRadius=10 // यहां पर कॉर्नर रेडियस सेट करें tableView.layer.backgroundColor =UIColor.cyan.cgColor}}एक्सटेंशन ViewController:UITableViewDataSource, UITableViewDelegate { func तालिका दृश्य (_ तालिका दृश्य:UITableView, numberOfRowsInSection अनुभाग:Int) → Int {वापसी 2} func तालिका दृश्य (_ तालिका दृश्य:UITableView, cellForRowAt indexPath:IndexPath) → UITableViewCell { सेल दें:UITableViewCell =tableView.dequeueReusable के साथ "सेल", के लिए:indexPath) के रूप में! TableViewCell रिटर्न सेल } func tableView(_ tableView:UITableView, heightForRowAt indexPath:IndexPath) → CGFloat {रिटर्न 80}}