SwiftUI Academy · पाठ

Custom ViewModifiers

modifier chains को एक modifier में पैक कीजिए।

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

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

अक्सर लागू किए जाने वाले Modifiers

आप बार-बार वही padding, background और corner radius जोड़ते रहते हैं। एक कस्टम ViewModifier उस पूरी श्रृंखला को एक पुनः उपयोग योग्य चरण में बाँध देता है। ✨

ViewModifier प्रोटोकॉल

कस्टम modifier, ViewModifier के अनुरूप बनने वाला एक struct होता है। इसका body आने वाले content को आपकी इच्छित शैली से रैप करता है।

struct CardStyle: ViewModifier {
    func body(content: Content) -> some View {
        content.padding()
    }
}

content पैरामीटर

body के भीतर आपको मूल view content के रूप में मिलता है। आप एक नया view लौटाते हैं जो उसे सजाता है, उसके दिखाए जाने वाले विषय को बदलता नहीं।

.modifier से लागू करें

किसी भी view पर .modifier method से अपना modifier लगाएँ। अब वही रूप एक ही स्पष्ट कॉल में लागू हो जाता है।

Text("Hi").modifier(CardStyle())

इसे Extension में रैप करें

.modifier(CardStyle()) लिखना असुविधाजनक है। एक View extension जोड़ें, ताकि styling पहले से मौजूद modifier जैसी लगे।

extension View {
    func cardStyle() -> some View {
        modifier(CardStyle())
    }
}

अब यह साफ़ पढ़ता है

Extension के साथ उपयोग स्वाभाविक लगता है। एक method नाम पूरी styling श्रृंखला को संभालता है।

Text("Hi").cardStyle()

Parameters जोड़ें

modifier में संग्रहीत properties दें, ताकि कॉल करने वाले उसे अपने अनुसार समायोजित कर सकें। उन्हें अपने extension method के माध्यम से भी भेजें।

struct CardStyle: ViewModifier {
    var color: Color
    func body(content: Content) -> some View {
        content.background(color)
    }
}

कई Modifiers मिलाएँ

कस्टम modifier कई पहले से मौजूद modifiers को जोड़ सकता है। आप पूरी design recipe को एक नाम के पीछे छिपा देते हैं।

content.padding().background(.gray).cornerRadius(12)

पूरे ऐप में एकरूपता

जब हर कार्ड एक ही modifier का उपयोग करता है, तो आपका UI consistent रहता है। modifier को एक बार अपडेट करें और पूरा ऐप उसका अनुसरण करेगा।

Modifier बनाम अलग किया गया View

किसी भी content की शैली बदलने के लिए modifier का उपयोग करें; निश्चित लेआउट के लिए अलग किए गए view का। Modifiers सजाते हैं, views संरचना तय करते हैं।

क्रम अब भी महत्वपूर्ण है

body के भीतर modifier का order पहले की तरह काम करता है। padding से पहले background लगाना और background से पहले padding लगाना अलग परिणाम देता है, इसलिए क्रम सावधानी से रखें।

त्वरित जाँच

कस्टम modifiers पर एक त्वरित जाँच।

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

पुनरावलोकन: अपनी शैली बाँधें

एक ViewModifier styling श्रृंखला को एक पुनः उपयोग योग्य चरण में बाँधता है और View extension उसे साफ़ dot syntax देता है। एक बार शैली दें, कहीं भी लागू करें। 🧠

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

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

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

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

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

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

क्या “Custom ViewModifiers” पाठ निःशुल्क है?

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

“Custom ViewModifiers” में मैं क्या सीखूँगा?

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

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

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

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

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

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

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

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

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