SwiftUI Academy · पाठ

GeometryReader की मूल बातें

उपलब्ध स्थान को मापकर सामग्री का आकार निर्धारित कीजिए।

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

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

स्थान का माप लेना

कभी-कभी किसी दृश्य को यह जानना होता है कि उसका स्थान कितना बड़ा है। GeometryReader आपको उसके घेरे हुए स्थान का सटीक आकार और स्थान देता है। 📐

यह एक container है

GeometryReader ऐसा दृश्य है जिसका body एक closure होता है। उसे उपलब्ध स्थान का वर्णन करने वाला proxy मिलता है।

GeometryReader { proxy in
    Text("Hi")
}

Proxy

उस closure का पैरामीटर GeometryProxy है। इसमें reader का आकार, सुरक्षित क्षेत्र की अंदरूनी दूरियाँ और frame शामिल होते हैं।

GeometryReader { proxy in
    let w = proxy.size.width
    Color.blue.frame(width: w)
}

आकार पढ़ना

सबसे सामान्य उपयोग proxy.size है, जो एक CGSize होता है और आपको भरने के लिए उपलब्ध चौड़ाई और ऊँचाई देता है।

GeometryReader { proxy in
    Text("\(proxy.size.width)")
}

आधी चौड़ाई

अनुपातिक आकार देने के लिए मापी गई चौड़ाई का उपयोग करें, जैसे उपलब्ध width की ठीक आधी चौड़ाई का बार बनाना।

GeometryReader { proxy in
    Color.green
        .frame(width: proxy.size.width / 2)
}

यह डिफ़ॉल्ट रूप से भरता है

एक GeometryReader अपने पैरेंट द्वारा दी गई पूरी जगह ले लेता है, इसलिए उसके चाइल्ड ऊपर-बाईं ओर संरेखित होते हैं, जब तक कि आप उन्हें केंद्र में न रखें।

कंटेंट को केंद्र में रखना

कंटेंट ऊपर-बाईं ओर चिपका रहता है, इसलिए उसे रैप करें या चाइल्ड को रीडर के भीतर केंद्रित करने के लिए frame में alignment जोड़ें।

GeometryReader { proxy in
    Text("Center")
        .frame(width: proxy.size.width,
               height: proxy.size.height)
}

ग्लोबल निर्देशांक

proxy.frame(in: .global) की मदद से विंडो में किसी view की स्थिति प्राप्त करें। यह स्क्रॉल प्रभावों और ओवरले के लिए उपयोगी है।

let f = proxy.frame(in: .global)
Text("\(f.minY)")

सुरक्षित क्षेत्र के इनसेट

प्रॉक्सी safeAreaInsets भी उपलब्ध कराता है, ताकि आप कस्टम लेआउट में नॉच और होम इंडिकेटर के लिए जगह छोड़ सकें।

let top = proxy.safeAreaInsets.top

सीमित रूप से उपयोग करें

एक GeometryReader लेआउट के व्यवहार को बदलता है, इसलिए इसका उपयोग केवल तब करें जब आपको वास्तव में माप चाहिए; इसे डिफ़ॉल्ट रैपर न बनाएं। ⚠️

स्क्रॉल-आधारित प्रभाव

ScrollView के साथ मिलाकर, प्रत्येक आइटम का फ़्रेम पढ़ने से आप scroll स्थिति से जुड़े पैरालैक्स और फीके पड़ने वाले प्रभाव बना सकते हैं।

त्वरित जाँच

याद करें कि क्लोज़र आपको क्या देता है।

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

पुनरावलोकन

अब आप GeometryReader की सहायता से उपलब्ध space पढ़ सकते हैं, views का आकार अनुपात में तय कर सकते हैं और स्क्रॉल-जागरूक प्रभावों के लिए फ़्रेम पढ़ सकते हैं। 🎉

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

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

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

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

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

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

क्या “GeometryReader की मूल बातें” पाठ निःशुल्क है?

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

“GeometryReader की मूल बातें” में मैं क्या सीखूँगा?

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

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

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

“GeometryReader की मूल बातें” पाठ पूरा करने में कितना समय लगता है?

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

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

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

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

GeometryReader की मूल बातें
Custom Alignment Guides
Layout Protocol
Flow Layout बनाना

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