😟 🔻 👨🏾‍🔬 PureLayout (भाग 2) का उपयोग करके प्रोग्राम संबंधी इंटरफ़ेस बनाना 📗 🈁 ▶️

नमस्कार, हेब्र! मैं आपको लेख का अनुवाद प्रस्तुत करता हूं कि UI तत्वों द्वारा प्रोग्राम बनाकर UI एलिमेंट्स का उपयोग करना ।

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

UINavigationController / बार
UITableView
स्व-आकार का UITableViewCell

UINavigationController

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

UINavigationController सिर्फ एक स्टैक है जहां आप कई विचारों को स्थानांतरित करते हैं। उपयोगकर्ता ऊपरवाला दृश्य देखता है (अभी जो पिछली बार स्थानांतरित किया गया था) अभी (इसके अलावा जब आपके पास इसके ऊपर कोई अन्य दृश्य प्रस्तुत किया गया है, तो आइए हम पसंदीदा कहते हैं) को देखता है। और जब आप नेविगेशन नियंत्रक के शीर्ष दृश्य नियंत्रकों को दबाते हैं, तो नेविगेशन नियंत्रक स्वचालित रूप से एक "बैक" बटन बनाता है (डिवाइस की वर्तमान भाषा प्राथमिकताओं के आधार पर ऊपरी बाएं या दाएं तरफ), और इस बटन को दबाने से आप पिछले दृश्य पर लौट आते हैं।

यह सब नेविगेशन कंट्रोलर द्वारा बॉक्स से बाहर संभाला जाता है। और एक और जोड़ने से कोड की केवल एक अतिरिक्त पंक्ति लग जाएगी (यदि आप नेविगेशन बार को अनुकूलित नहीं करना चाहते हैं)।
AppDelegate.swift पर जाएं और नीचे दिए गए कोड की निम्न पंक्ति जोड़ें, viewController = ViewController ():

 let navigationController = UINavigationController(rootViewController: viewController)

अब self.window? .RootViewController = viewController self.window? .RootViewController = navigationController बदलें self.window? .RootViewController = viewController self.window? .RootViewController = navigationController self.window? .RootViewController = viewController self.window? .RootViewController = navigationController self.window? .RootViewController = viewController self.window? .RootViewController = navigationController । पहली पंक्ति में, हमने UINavigationController का एक उदाहरण बनाया और इसे rootViewController व्यू व्यू कंट्रोलर के रूप में हमारे rootViewController , जो स्टैक के बहुत नीचे व्यू कंट्रोलर है, जिसका अर्थ है कि इस व्यू के नेविगेशन बार पर बैक बटन कभी नहीं होगा। फिर हम अपनी विंडो को rootViewController रूप में एक नेविगेशन कंट्रोलर rootViewController , क्योंकि अब इसमें एप्लिकेशन के सभी विचार होंगे।

अब अपना एप्लिकेशन रन करें। परिणाम इस तरह दिखना चाहिए:

दुर्भाग्य से, कुछ गलत हो गया। ऐसा लगता है कि नेविगेशन बार हमारे ऊपरी दृश्य को ओवरलैप करता है, और हमारे पास इसे ठीक करने के कई तरीके हैं:

नेविगेशन बार की ऊंचाई को फिट करने के लिए हमारे upperView का आकार बढ़ाएं।
isTranslucent के लिए नेविगेशन बार की isTranslucent संपत्ति सेट करें। यह नेविगेशन बार को अपारदर्शी बना देगा (यदि आपने ध्यान नहीं दिया है कि यह थोड़ा पारदर्शी है), और अब पर्यवेक्षण का ऊपरी किनारा नेविगेशन बार के नीचे बन जाएगा।

मैं व्यक्तिगत रूप से दूसरा विकल्प चुनूंगा, लेकिन, आप पहले अध्ययन करेंगे। मैं UINavigationController और UINavigationBar पर Apple के डॉक्स को जांचने और ध्यान से पढ़ने की सलाह देता हूं:

अब viewDidLoad विधि पर जाएँ और इस पंक्ति को जोड़ें self.navigationController? .NavigationBar.isTranslucent = false super.viewDidLoad () self.navigationController? .NavigationBar.isTranslucent = false super.viewDidLoad () , ताकि यह इस तरह self.navigationController? .NavigationBar.isTranslucent = false super.viewDidLoad () :

 override func viewDidLoad() { super.viewDidLoad() self.navigationController?.navigationBar.isTranslucent = false self.view.backgroundColor = .white self.addSubviews() self.setupConstraints() self.view.bringSubview(toFront: avatar) self.view.setNeedsUpdateConstraints() }

आप इस लाइन को self.title = "John Doe" viewDidLoad भी जोड़ सकते हैं, जो नेविगेशन बार में "प्रोफ़ाइल" जोड़ देगा ताकि उपयोगकर्ता को पता चल सके कि वह वर्तमान में कहां स्थित है। एप्लिकेशन चलाएँ और परिणाम इस तरह दिखना चाहिए:

हमारे दृश्य नियंत्रक को फिर से दिखाना

जारी रखने से पहले, हमें अपनी ViewController.swift फ़ाइल को कम करने की आवश्यकता है ViewController.swift हम केवल उपयोगकर्ता इंटरफ़ेस तत्वों के लिए कोड न केवल वास्तविक तर्क का उपयोग कर ViewController.swift । हम ऐसा कर सकते हैं UIView का एक उपवर्ग बनाकर और अपने सभी उपयोगकर्ता इंटरफ़ेस तत्वों को स्थानांतरित करके। इसका कारण यह है कि हम शॉर्ट के लिए मॉडल-व्यू-कंट्रोलर या एमवीसी वास्तुशिल्प पैटर्न का पालन करते हैं। IOS पर MVC मॉडल-व्यू-कंट्रोलर (MVC) के बारे में अधिक जानें : एक आधुनिक दृष्टिकोण ।

अब प्रोजेक्ट नेविगेटर में ContactCard फ़ोल्डर पर राइट-क्लिक करें और "नई फ़ाइल" चुनें:

कोको टच क्लास और फिर नेक्स्ट पर क्लिक करें। अब कक्षा के नाम के रूप में "ProfileView" लिखें, और "उपवर्ग:" के बगल में "UIView" दर्ज करें। यह सिर्फ Xcode को बताता है कि स्वचालित रूप से हमारी कक्षा को UIView से विरासत में मिला है, और यह कुछ बॉयलरप्लेट कोड जोड़ देगा। अब Next पर क्लिक करें, फिर टिप्पणी करें और कोड को हटा दें:

 /* // Only override draw() if you perform custom drawing. // An empty implementation adversely affects performance during animation. override func draw(_ rect: CGRect) { // Drawing code } */

और अब हम रिफैक्टरिंग के लिए तैयार हैं।

हमारे नए दृश्य में दृश्य नियंत्रक से सभी आलसी चर काटें और पेस्ट करें।
अंतिम लंबित वैरिएबल के नीचे, ओवरराइड init(frame :) init लिखकर और फिर Xcode से पहला स्वतः पूर्ण परिणाम चुनें।

एक त्रुटि यह बताते हुए दिखाई देगी कि "आवश्यक" इनिशियलाइज़र "इनिट (कोडर :)" "उपविशेष" के उपवर्ग द्वारा प्रदान किया जाना चाहिए:

आप लाल सर्कल पर क्लिक करके इसे ठीक कर सकते हैं और फिर ठीक करें।

किसी भी ओवरराइड इनिशियलाइज़र में, आपको लगभग हमेशा सुपरक्लास इनिशियलाइज़र को कॉल करना चाहिए, इसलिए इस कोड को विधि के शीर्ष पर जोड़ें: super.init (frame: frame) ।
addSubviews() तहत addSubviews() विधि को काटें और पेस्ट करें और प्रत्येक addSubview कॉल से पहले self.view हटाएं।

 func addSubviews() { addSubview(avatar) addSubview(upperView) addSubview(segmentedControl) addSubview(editButton) }

फिर इस विधि को इनिशलाइज़र से कॉल करें:

 override init(frame: CGRect) { super.init(frame: frame) addSubviews() bringSubview(toFront: avatar) }

प्रतिबंधों के लिए, updateConstraints() और इस फ़ंक्शन के अंत में एक कॉल जोड़ें (जहां यह हमेशा रहेगा):

 override func updateConstraints() { // Insert code here super.updateConstraints() // Always at the bottom of the function }

किसी भी विधि को ओवरराइड करते समय, हमेशा Apple दस्तावेज़ों पर जाकर या अधिक, बस विकल्प (या Alt) कुंजी को दबाकर और फ़ंक्शन नाम पर क्लिक करके इसके प्रलेखन की जांच करना उपयोगी होता है:

हमारी नई विधि में व्यू कंट्रोलर से बाधा कोड को काटें और चिपकाएँ:

 override func updateConstraints() { avatar.autoAlignAxis(toSuperviewAxis: .vertical) avatar.autoPinEdge(toSuperviewEdge: .top, withInset: 64.0) upperView.autoPinEdgesToSuperviewEdges(with: .zero, excludingEdge: .bottom) segmentedControl.autoPinEdge(toSuperviewEdge: .left, withInset: 8.0) segmentedControl.autoPinEdge(toSuperviewEdge: .right, withInset: 8.0) segmentedControl.autoPinEdge(.top, to: .bottom, of: avatar, withOffset: 16.0) editButton.autoPinEdge(.top, to: .bottom, of: upperView, withOffset: 16.0) editButton.autoPinEdge(toSuperviewEdge: .right, withInset: 8.0) super.updateConstraints() }

अब व्यू कंट्रोलर पर वापस जाएं और ProfileView विधि पर ProfileView इंस्टेंस को इनिशियलाइज़ करें। ProfileView let profileView = ProfileView(frame: .zero) , इसे let profileView = ProfileView(frame: .zero) रूप में जोड़ें।

अब हमारा व्यू कंट्रोलर कोड की कुछ पंक्तियों में सिमट गया है!

 import UIKit import PureLayout class ViewController: UIViewController { let profileView = ProfileView(frame: .zero) override func viewDidLoad() { super.viewDidLoad() self.navigationController?.navigationBar.isTranslucent = false self.title = "Profile" self.view.backgroundColor = .white self.view.addSubview(self.profileView) self.profileView.autoPinEdgesToSuperviewEdges() self.view.layoutIfNeeded() } }

यह सुनिश्चित करने के लिए कि सब कुछ उद्देश्य के अनुसार काम करता है, अपना एप्लिकेशन लॉन्च करें और जांचें कि यह कैसा दिखता है।

एक पतली, साफ-सुथरी समीक्षा नियंत्रक होना हमेशा आपका लक्ष्य होना चाहिए। इसमें बहुत समय लग सकता है, लेकिन यह आपको रखरखाव के दौरान अनावश्यक परेशानी से बचाएगा।

UITableView

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

यदि आपने पहले से ही ऐसा नहीं किया है, तो UITableView, UITableViewDataSource, और UITableViewDelegate पर एक नज़र के लिए Apple दस्तावेज़ीकरण पर जाएं।

ViewController.swift जाएं और viewDidLoad() ऊपर viewDidLoad() tableView लिए lazy var संस्करण जोड़ें:

 lazy var tableView: UITableView = { let tableView = UITableView() tableView.translatesAutoresizingMaskIntoConstraints = false tableView.delegate = self tableView.dataSource = self return tableView }()

यदि आप एप्लिकेशन को चलाने का प्रयास करते हैं, तो Xcode शिकायत करेगा कि यह वर्ग न तो एक प्रतिनिधि है और न ही UITableViewController लिए एक डेटा स्रोत है, और इसलिए हम इन दो प्रोटोकॉल को कक्षा में जोड़ देंगे:

 class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate { . . .

एक बार फिर, Xcode एक ऐसे वर्ग के बारे में शिकायत करेगा जो UITableViewDataSource प्रोटोकॉल के अनुरूप नहीं है, जिसका अर्थ है कि इस प्रोटोकॉल में अनिवार्य विधियाँ हैं जो वर्ग में परिभाषित नहीं हैं। Cmd + Control को पकड़ते समय आपको इनमें से कौन सी विधि लागू करनी चाहिए, यह जानने के लिए, वर्ग परिभाषा में UITableViewDataSource प्रोटोकॉल पर क्लिक करें और आप प्रोटोकॉल परिभाषा पर आगे बढ़ेंगे। optional शब्द से पहले किसी भी विधि के लिए, इस प्रोटोकॉल के अनुरूप एक वर्ग को लागू किया जाना चाहिए।

यहां हमारे पास दो तरीके हैं जिन्हें हमें लागू करने की आवश्यकता है:

public func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int - यह विधि तालिका दृश्य को बताती है कि हम कितनी पंक्तियों को दिखाना चाहते हैं।
public func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell - यह विधि प्रत्येक पंक्ति में सेल से पूछताछ करती है। यहां हम सेल को इनिशियलाइज़ (या पुनः उपयोग) करते हैं और वह जानकारी डालते हैं जो हम उपयोगकर्ता को दिखाना चाहते हैं। उदाहरण के लिए, पहला सेल फोन नंबर प्रदर्शित करेगा, दूसरा सेल पता प्रदर्शित करेगा, और इसी तरह।

अब ViewController.swift वापस जाएं, numberOfRowsInSection लिखना शुरू करें, और जब स्वतः पूर्ण दिखाई दे, तो पहला विकल्प चुनें।

 func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int { <#code#> }

शब्द कोड हटाएं और अब 1 पर लौटें।

 func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int { return 1 }

इस फ़ंक्शन के तहत, cellForRowAt टाइप करना शुरू करें और स्वतः पूर्ण से पहले विधि का चयन करें।

 func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { <#code#> }

और, फिर से, अब के लिए, एक UITableViewCell लौटें।

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

अब ProfileView अंदर अपने टेबल व्यू को जोड़ने के लिए, हम एक नए इनिशियलाइज़र को परिभाषित करेंगे जो टेबल व्यू को एक पैरामीटर के रूप में लेता है, ताकि वह इसे एक सबव्यू के रूप में जोड़ सके और इसके लिए संबंधित प्रतिबंध सेट कर सके।

ProfileView.swift जाएं और ProfileView.swift ठीक ऊपर टेबल व्यू के लिए विशेषता जोड़ें:

var tableView: UITableView! इसलिए, हम निश्चित नहीं हैं कि यह स्थिर होगा।

अब पुराने init (frame :) लागू करें:

 init(tableView: UITableView) { super.init(frame: .zero) self.tableView = tableView addSubviews() bringSubview(toFront: avatar) }

Xcode अब लापता ProfileView बारे में शिकायत करेगा init (frame :) ProfileView लिए init (frame :) , इसलिए ViewController.swift वापस जाएं और let profileView = ProfileView (frame: .zero) को बदल let profileView = ProfileView (frame: .zero)

 lazy var profileView: UIView = { return ProfileView(tableView: self.tableView) }()

अब हमारे ProfileView में एक टेबल व्यू का लिंक है, और हम इसे ProfileView रूप में जोड़ सकते हैं और इसके लिए सही प्रतिबंध सेट कर सकते हैं।
ProfileView.swift वापस, ProfileView.swift addSubview(tableView) के अंत में addSubview(tableView) जोड़ें और updateConstraints() पर super.updateConstraints लिए इन प्रतिबंधों को सेट करें:

 tableView.autoPinEdgesToSuperviewEdges(with: .zero, excludingEdge: .top) tableView.autoPinEdge(.top, to: .bottom, of: segmentedControl, withOffset: 8)

पहली पंक्ति में तालिका दृश्य और उसके पर्यवेक्षण के बीच तीन प्रतिबंध शामिल हैं: तालिका दृश्य के दाईं, बाईं और नीचे की ओर प्रोफ़ाइल प्रोफ़ाइल के दाईं, बाईं और नीचे की ओर जुड़ी हुई हैं।

दूसरी पंक्ति उन दोनों के बीच आठ बिंदुओं के अंतराल के साथ खंड नियंत्रण के नीचे तालिका दृश्य के शीर्ष को जोड़ती है। एप्लिकेशन लॉन्च करें और परिणाम इस तरह दिखना चाहिए:

महान, अब सब कुछ जगह में है, और हम अपनी कोशिकाओं को पेश करना शुरू कर सकते हैं।

UITableViewCell

UITableViewCell को लागू करने के लिए, हमें लगभग हमेशा इस वर्ग को उप-वर्ग की आवश्यकता होगी, इसलिए प्रोजेक्ट नेविगेटर में ContactCard फ़ोल्डर पर राइट-क्लिक करें, फिर "नई फ़ाइल ...", फिर "कोको टच क्लास" और "अगला"।

"उपवर्ग:" फ़ील्ड में "UITableViewCell" दर्ज करें, और Xcode स्वचालित रूप से वर्ग का नाम "TableViewCell" पॉप्युलेट करेगा। स्वत: पूर्ण होने से पहले "ProfileView" दर्ज करें ताकि अंतिम नाम "ProfileInfoTableViewCell" हो, फिर "अगला" और "बनाएं" पर क्लिक करें। आगे बढ़ो और बनाई गई विधियों को हटा दें, क्योंकि हमें उनकी आवश्यकता नहीं होगी। यदि आप चाहें, तो आप यह समझने के लिए पहले उनके विवरण पढ़ सकते हैं कि हमें अभी उनकी आवश्यकता क्यों नहीं है।

जैसा कि हमने पहले कहा था, हमारे सेल में बुनियादी जानकारी होगी, जो क्षेत्र और उसके विवरण का नाम है, और इसलिए हमें उनके लिए लेबल की आवश्यकता है।

 lazy var titleLabel: UILabel = { let label = UILabel() label.translatesAutoresizingMaskIntoConstraints = false label.text = "Title" return label }() lazy var descriptionLabel: UILabel = { let label = UILabel() label.translatesAutoresizingMaskIntoConstraints = false label.text = "Description" label.textColor = .gray return label }()

और अब हम इनिशियलाइज़र को फिर से परिभाषित करेंगे ताकि सेल को कॉन्फ़िगर किया जा सके:

 override init(style: UITableViewCellStyle, reuseIdentifier: String?) { super.init(style: style, reuseIdentifier: reuseIdentifier) contentView.addSubview(titleLabel) contentView.addSubview(descriptionLabel) } required init?(coder aDecoder: NSCoder) { fatalError("init(coder:) has not been implemented") }

सीमाओं के बारे में, हम थोड़ा अलग करने जा रहे हैं, लेकिन, फिर भी, बहुत उपयोगी है:

 override func updateConstraints() { let titleInsets = UIEdgeInsetsMake(16, 16, 0, 8) titleLabel.autoPinEdgesToSuperviewEdges(with: titleInsets, excludingEdge: .bottom) let descInsets = UIEdgeInsetsMake(0, 16, 4, 8) descriptionLabel.autoPinEdgesToSuperviewEdges(with: descInsets, excludingEdge: .top) descriptionLabel.autoPinEdge(.top, to: .bottom, of: titleLabel, withOffset: 16) super.updateConstraints() }

यहां हम प्रत्येक लेबल के चारों ओर रिक्ति सेट करने के लिए UIEdgeInsets का उपयोग करना शुरू करते हैं। UIEdgeInsetsMake(top:, left:, bottom:, right:) विधि का उपयोग करके UIEdgeInsets ऑब्जेक्ट बनाया जा सकता है। उदाहरण के लिए, titleLabel हम कहते हैं कि हम चाहते हैं कि शीर्ष सीमा चार अंक हो, और दाएं और बाएं आठ हो। हम नीचे की परवाह नहीं करते हैं, क्योंकि हम इसे बाहर करते हैं, क्योंकि हम इसे विवरण चिह्न के शीर्ष पर संलग्न करते हैं। अपने सिर के सभी अवरोधों को पढ़ने और कल्पना करने के लिए एक मिनट लें।

ठीक है, अब हम अपने टेबल व्यू में ड्राइंग सेल शुरू कर सकते हैं। आइए ViewController.swift पर जाएं और टेबल व्यू में कोशिकाओं के इस वर्ग को पंजीकृत करने के लिए हमारी तालिका दृश्य के आलसी आरंभीकरण को बदलें और प्रत्येक सेल के लिए ऊंचाई सेट करें।

 let profileInfoCellReuseIdentifier = "profileInfoCellReuseIdentifier" lazy var tableView: UITableView = { ... tableView.register(ProfileInfoTableViewCell.self, forCellReuseIdentifier: profileInfoCellReuseIdentifier) tableView.rowHeight = 68 return tableView }()

हम सेल पुनः उपयोग पहचानकर्ता के लिए एक स्थिरांक भी जोड़ते हैं। इस पहचानकर्ता का उपयोग तालिका दृश्य से कोशिकाओं को हटाने के लिए किया जाता है जब वे प्रदर्शित होते हैं। यह एक अनुकूलन है जिसे UITableView पुनः उपयोग करने में मदद करने के लिए (और) का उपयोग किया जाना चाहिए जो पहले नए सेल को खरोंच से फिर से खोलने के बजाय नई सामग्री प्रदर्शित करने के लिए प्रस्तुत किए गए थे।
अब मैं आपको दिखाता हूं कि सेल में कोड की एक पंक्ति में सेल का पुन: उपयोग कैसे करें। विधि:

 func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { let cell = tableView.dequeueReusableCell(withIdentifier: profileInfoCellReuseIdentifier, for: indexPath) as! ProfileInfoTableViewCell return cell }

यहां हम पहचानकर्ता का उपयोग करते हुए कतार से एक पुन: प्रयोज्य सेल की वापसी के टेबल व्यू के बारे में सूचित करते हैं जिसके तहत हमने उस सेल को पथ पंजीकृत किया जिसे उपयोगकर्ता दिखाई देने वाला है। फिर हम सेल को ProfileInfoTableViewCell लिए बाध्य करते हैं ताकि इसके गुणों तक पहुंच सकें, ताकि हम उदाहरण के लिए, शीर्षक और विवरण सेट कर सकें। यह निम्नलिखित का उपयोग करके किया जा सकता है:

 func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { ... switch indexPath.row { case 0: cell.titleLabel.text = "Phone Number" cell.descriptionLabel.text = "+234567890" case 1: cell.titleLabel.text = "Email" cell.descriptionLabel.text = "john@doe.co" case 2: cell.titleLabel.text = "LinkedIn" cell.descriptionLabel.text = "www.linkedin.com/john-doe" default: break } return cell }

अब “3” पर लौटने के लिए और अपना एप्लिकेशन लॉन्च करने के लिए numberOfRowsInSection सेट करें।

कमाल है ना?

सेल्फ-सिजिंग सेल

शायद, और सबसे अधिक संभावना है, एक ऐसा मामला होगा जब आप चाहते हैं कि विभिन्न कोशिकाएं उनके अंदर की जानकारी के अनुसार ऊंचाइयों पर हों, जो पहले से ज्ञात नहीं हैं। ऐसा करने के लिए, आपको स्वचालित रूप से गणना किए गए आयामों के साथ तालिका दृश्य की आवश्यकता होती है, और वास्तव में ऐसा करने का एक बहुत ही सरल तरीका है।

सबसे पहले, ProfileInfoTableViewCell में इस लाइन को आलसी इनिशियलाइज़र descriptionLabel जोड़ें।

 label.numberOfLines = 0

ViewController लौटें और इन दोनों लाइनों को टेबल व्यू इनिशियलाइज़र में जोड़ें:

 lazy var tableView: UITableView = { ... tableView.estimatedRowHeight = 64 tableView.rowHeight = UITableViewAutomaticDimension return tableView }()

यहां हम टेबल व्यू को सूचित करते हैं कि पंक्ति की ऊंचाई की सामग्री के आधार पर स्वचालित रूप से गणना की गई मान होना चाहिए।

अनुमानित पंक्ति ऊंचाई के बारे में:

"पंक्तियों की ऊंचाई का एक गैर-अनुमानात्मक अनुमान प्रदान करना तालिका दृश्य लोड करने के प्रदर्शन में सुधार कर सकता है।" - Apple डॉक्स

ViewDidLoad हमें इन परिवर्तनों को प्रभावी करने के लिए तालिका दृश्य पुनः लोड करने की आवश्यकता है:

 override func viewDidLoad() { super.viewDidLoad() ... DispatchQueue.main.async { self.tableView.reloadData() } }

अब आगे बढ़ें और एक और सेल जोड़ें, पंक्तियों की संख्या को चार तक cellForRow और cellForRow एक और switch :

 case 3: cell.titleLabel.text = "Address" cell.descriptionLabel.text = "45, Walt Disney St.\n37485, Mickey Mouse State"

अब एप्लिकेशन चलाएँ, और इसे कुछ इस तरह दिखना चाहिए:

निष्कर्ष

कमाल है ना? और इस बात की याद दिलाते हुए कि हम वास्तव में अपने यूजर इंटरफेस को क्यों कोड करते हैं, यहां एक पूरी ब्लॉग पोस्ट है, जो हमारी मोबाइल टीम द्वारा लिखी गई है कि हम इंस्टाबग में स्टोरीबोर्ड का उपयोग क्यों नहीं कर रहे हैं।

आपने इस पाठ के दो भागों में क्या किया है:

अपनी परियोजना से main.storyboard फ़ाइल को हटा दिया।
हमने UIWindow प्रोग्राम बनाया और इसे rootViewController सौंपा।
कोड में विभिन्न उपयोगकर्ता इंटरफ़ेस तत्व, जैसे कि लेबल, छवि दृश्य, खंडित नियंत्रण, और उनके कक्षों के साथ तालिका दृश्य बनाए गए।
अपने आवेदन में नेस्टेड UINavigationBar ।
एक गतिशील आकार बनाया गया UITableViewCell ।