UITableView ऑटो हेडर और ऑटोलेआउट के साथ पाद आकार

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

TableView सेटअप

किसी तालिका या सरल तालिका दृश्य शैली में शीर्षलेख किसी अन्य यूआईटेबल व्यू पंक्ति से अलग नहीं होते हैं। सेटअप वास्तव में काफी सरल है।

• sectionHeaderHeight और estimatedHeaderHeight sectionHeaderHeight सेट किया जाना चाहिए।
• UITableView.automaticDimension वह है जो ऑटोलेआउट को रनटाइम पर प्रत्येक सेल की ऊंचाई की गणना करने की अनुमति देता है।
• estimatedHeaderHeight को स्क्रॉल संकेतक को प्रदर्शित करने के लिए इसकी सामग्री की समग्र ऊंचाई का अनुमान लगाने के लिए सेट किया जाना चाहिए।

जब आप अपने स्टोरीबोर्ड में TableView का चयन करते हैं, तो ये गुण आकार निरीक्षक में सेट किए जा सकते हैं।

हेडर व्यू बनाना

tableView(_: viewForHeaderInSection: ) को एक UIView उदाहरण लौटना चाहिए, लेकिन क्या अनुमान है? UITableViewCell UIView का एक उपवर्ग है। इसका मतलब है कि हम अपने स्टोरीबोर्ड का उपयोग एक प्रोटोटाइप सेल बनाने के लिए कर सकते हैं जिसे इस फ़ंक्शन से हटाया और वापस किया जा सकता है। मेरी राय में, यह आपके प्रोजेक्ट के चारों ओर बिखरी कई xib फ़ाइलों के बजाय, एक ही स्थान पर अपने सभी विचारों को घोषित करने का सबसे अच्छा तरीका है।



मैंने एक सेल प्रोटोटाइप बनाया जिसमें बाईं ओर एक ImageView, एक कैप्शन और एक विवरण लेबल होता है। इस परियोजना में, एक स्थिर ऊंचाई निर्धारित नहीं है। हम लेआउट को स्वचालित रूप से लेबल सामग्री के आकार के आधार पर सेल की ऊंचाई की गणना करना चाहते हैं, जो रनटाइम पर निर्धारित किया जाएगा।

लेबल को StackView में रखा गया है और सेल सामग्री दृश्य के सभी चार पक्षों तक सीमित है। प्रतिबंधों की संख्या कम करने के लिए विचार बनाते समय मैं StackView का उपयोग करना पसंद करता हूं।



दृश्य वापस करने के लिए, हम dequeueReusableCell(withIdentifier identifier: String) -> UITableViewCell? । हम forIndexPath: फ़ंक्शन का भिन्नता का उपयोग नहीं करते हैं forIndexPath: क्योंकि हमारे पास हेडर लाइनों के लिए इंडेक्सपाथ परिभाषित नहीं है। इसके अलावा, forIndexPath: बताता है कि पुन: उपयोग करने वाले पहचानकर्ता को एक सेल के लिए परिभाषित किया गया है जिसे शून्य से लौटने से रोकने के लिए कतार से बाहर रखा गया है। हमारे मामले में, शीर्षक के बिना अनुभाग प्रदर्शित किया जा सकता है।

 guard let headerCell = tableView.dequeueReusableCell(withIdentifier: "header") else { return nil } 

खाली अनुभाग प्रमुख

जैसा कि योजनाबद्ध है, यदि समूह की शैली में तालिका दृश्य में अनुभाग के लिए शीर्ष लेख को परिभाषित नहीं किया गया है, तो रूपरेखा 30 पिक्सेल का एक खाली दृश्य प्रदर्शित करेगी। Apple ने फैसला किया कि अगर यह अलग-अलग वर्गों की तरह दिखे तो यह अजीब होगा। लेकिन कभी-कभी हम सिर्फ नियमों को तोड़ना चाहते हैं। :)

इसके आस-पास जाने के लिए, आप निरंतर CGFLOAT_MIN उपयोग कर सकते हैं। यह CGFloat के लिए न्यूनतम गैर-नकारात्मक मूल्य का प्रतिनिधित्व करता है। मूल्य क्रमशः 3275-बिट और 64-बिट कोड के लिए 1.17549435e-38F या 2.2250738585072014e-308 है। अंत में, यह शून्य पिक्सेल नहीं है। दूसरी ओर, एक साधारण तालिका दृश्य में, हेडर की ऊंचाई 0 से अधिक या उसके बराबर किसी भी मूल्य पर सेट की जा सकती है।

इस विशेष मामले के लिए, हमें tableView(_:estimatedHeightForHeaderInSection:) tableView(_:heightForHeaderInSection:) tableView(_:estimatedHeightForHeaderInSection:) और tableView(_:heightForHeaderInSection:) का उपयोग करने की आवश्यकता है। जैसा कि प्रलेखन में संकेत दिया गया है, कस्टम दृश्य की ऊंचाई निर्धारित करने के लिए दो कार्यों को लागू किया जाना चाहिए।

निष्कर्ष

अलग-अलग ऊंचाइयों के शीर्षकों को लागू करने के इच्छुक लोगों से StackOverflow पर इतने सारे हैक देखने के लिए मैं हैरान था। यह एक सरल ट्रिक है जिसे मैं TableView के साथ काम करते समय लगातार उपयोग करता हूं, और मुझे आशा है कि यह आपके लिए उतना ही उपयोगी होगा जितना कि यह मेरे लिए है। अच्छा कोडिंग! :)