SwiftUI Academy · पाठ

LazyVGrid के साथ अनुकूलनीय grids

cards को लचीले grid columns में व्यवस्थित कीजिए।

पाठ 3, कुल 4 में से13 चरण

LazyVGrid के साथ अनुकूलनीय grids, CoddyKit पर SwiftUI Academy का एक निःशुल्क पाठ है। यह 4 में से 3वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह SwiftUI Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। SwiftUI Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

ग्रिड क्यों

स्टैक आपको पंक्तियाँ या स्तंभ देते हैं, लेकिन LazyVGrid वस्तुओं को व्यवस्थित पंक्तियों और स्तंभों में सजाता है, जैसे फ़ोटो एल्बम। 🖼️

स्तंभ निर्धारित करें

LazyVGrid को GridItem मानों की columns सारणी चाहिए, जो बताती है कि कितने ट्रैक व्यवस्थित करने हैं।

let columns = [GridItem(), GridItem()]
LazyVGrid(columns: columns) {
    ForEach(items) { Cell($0) }
}

लचीली वस्तुएँ

GridItem(.flexible()) स्थान साझा करने के लिए फैलता है, इसलिए दो लचीली वस्तुएँ दो समान स्तंभ बनाती हैं।

let columns = [
    GridItem(.flexible()),
    GridItem(.flexible())
]

निश्चित चौड़ाई वाले ट्रैक

जब आप चाहते हैं कि स्क्रीन चाहे जैसी हो, स्तंभ ठीक 80 पॉइंट चौड़ा रहे, तब GridItem(.fixed(80)) का उपयोग करें।

let columns = [GridItem(.fixed(80))]

वास्तव में अनुकूलनीय

जादुई विकल्प .adaptive(minimum:) है: यह उपलब्ध स्थान में जितने स्तंभ समा सकें उतने बनाता है और हर स्क्रीन आकार के अनुसार ढलता है।

let columns = [
    GridItem(.adaptive(minimum: 100))
]

हमेशा स्क्रॉल के अंदर

अपने LazyVGrid को ScrollView में रखें, ताकि ग्रिड स्क्रीन से आगे बढ़ सके और सेल lazy तरीके से लोड कर सके।

ScrollView {
    LazyVGrid(columns: columns) {
        ForEach(items) { Cell($0) }
    }
}

सेलों के बीच spacing

साफ़-सुथरे, संतुलित सेल के लिए ग्रिड और हर GridItem में spacing तर्क से अंतराल समायोजित करें।

LazyVGrid(columns: columns, spacing: 16) {
    ForEach(items) { Cell($0) }
}

सेल केवल दृश्य हैं

ForEach की हर वस्तु एक सेल बन जाती है, इसलिए कोई भी दृश्य काम कर सकता है: चित्र, कार्ड या लेबल वाला बटन।

ForEach(photos) { photo in
    Image(photo.name)
        .resizable()
}

नाम में ही Lazy

अन्य lazy कंटेनरों की तरह LazyVGrid सेल को तभी बनाता है जब वे स्क्रॉल होकर दिखाई देते हैं, इसलिए बड़ी गैलरियाँ सहज रहती हैं।

क्षैतिज समकक्ष

क्या आपको निश्चित पंक्तियों वाले स्तंभों को बगल की ओर स्क्रॉल करना है? LazyHGrid उसी GridItem API वाला क्षैतिज समकक्ष है।

अनुकूलनीय लेआउट

एक अनुकूलनीय ग्रिड फ़ोन और iPad दोनों पर अच्छा दिखता है, क्योंकि स्तंभ स्थान भरने के लिए अपने आप पुनर्व्यवस्थित होते हैं। ✨

त्वरित जाँच

सोचें कि कौन-सा GridItem स्क्रीन आकार के अनुसार प्रतिक्रिया करता है।

इंटरैक्टिव पाठ में इसका उत्तर दें

पुनरावलोकन

आपने प्रतिक्रियाशील लेआउट के लिए ScrollView के अंदर LazyVGrid से लचीले, निश्चित और adaptive ग्रिड बनाना सीखा। 🎉

शुरुआत निःशुल्क

एआई शिक्षक के साथ Swift सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम: 30
पाठ: 120

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

अक्सर पूछे जाने वाले प्रश्न

क्या “LazyVGrid के साथ अनुकूलनीय grids” पाठ निःशुल्क है?

हाँ—“LazyVGrid के साथ अनुकूलनीय grids” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और SwiftUI Academy पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। SwiftUI Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“LazyVGrid के साथ अनुकूलनीय grids” में मैं क्या सीखूँगा?

cards को लचीले grid columns में व्यवस्थित कीजिए। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ SwiftUI Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या SwiftUI Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर SwiftUI Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 3वाँ पाठ है।

“LazyVGrid के साथ अनुकूलनीय grids” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस SwiftUI Academy पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर SwiftUI Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

← SwiftUI Academy पर वापस जाएँ