SwiftUI Academy · पाठ

टैप किए जा सकने वाला Button बनाना

लेबल और कार्रवाई वाला Button बनाएँ।

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

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

बटन क्यों महत्वपूर्ण हैं

अधिकांश ऐप तब जीवंत लगते हैं जब आप किसी चीज़ को टैप करते हैं। SwiftUI में लोगों से कोई क्रिया करवाने का सबसे सरल तरीका बटन है। 👆

बटन व्यू

बटन भी Text या Image की तरह एक व्यू ही है। इसे अपने body में रखें और SwiftUI आपके लिए टैप किए जा सकने वाला नियंत्रण बना देगा।

Button("Tap me") {
    print("Tapped!")
}

बटन के दो भाग

हर बटन के दो भाग होते हैं: दिखाई देने वाला लेबल और टैप करने पर चलने वाली क्रिया। दोनों आवश्यक हैं।

सरल शीर्षक वाला रूप

सबसे तेज़ बटन में पहले शीर्षक स्ट्रिंग और उसके बाद क्रिया क्लोज़र लिया जाता है। SwiftUI आपके लिए स्ट्रिंग को Text लेबल में बदल देता है।

Button("Save") {
    saveDocument()
}

क्रिया क्लोज़र

कोष्ठक के भीतर क्रिया क्लोज़र होता है। इसमें लिखा कोड बटन के हर टैप पर एक बार चलता है, उससे पहले नहीं।

Button("Greet") {
    print("Hello there")
}

कस्टम लेबल

क्या केवल टेक्स्ट से अधिक चाहिए? लेबल वाला रूप इस्तेमाल करें: पहले क्रिया दें, फिर ऐसा क्लोज़र दें जो आपके पसंद का कोई भी व्यू लौटाए।

Button {
    likePost()
} label: {
    Image(systemName: "heart")
}

लेबल समृद्ध हो सकते हैं

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

Button {
    addItem()
} label: {
    Label("Add", systemImage: "plus")
}

बटन body में रहते हैं

किसी भी अन्य व्यू की तरह बटन आपके व्यू के body के भीतर जाता है। SwiftUI उसे बनाता है और टैप सुनता है।

var body: some View {
    Button("Continue") {
        goNext()
    }
}

टैप क्षेत्र

पूरा लेबल क्षेत्र टैप किया जा सकता है, इसलिए बड़ा लेबल दबाना आसान होता है। Apple लगभग 44 पॉइंट का सुविधाजनक टैप क्षेत्र सुझाता है।

टैप पर फ़ंक्शन कॉल करना

तर्क को एक ही जगह ठूँसने के बजाय फ़ंक्शन कॉल करके क्लोज़र को साफ़ रखें। क्रिया केवल उस काम की ओर संकेत करती है जिसे आपने कहीं और परिभाषित किया है।

Button("Refresh") {
    reloadData()
}

टैप नहीं, तो क्रिया नहीं

स्क्रीन लोड होने पर क्रिया नहीं चलती। वह धैर्य से प्रतीक्षा करती है और केवल टैप करने पर चलती है, जिससे आपका व्यू अनुमानित व्यवहार करता है।

त्वरित जाँच

आइए सुनिश्चित करें कि बटन की मूल बातें समझ में आ गई हैं।

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

पुनरावलोकन

बहुत अच्छा! बटन दिखाई देने वाले लेबल को टैप पर चलने वाली क्रिया के साथ जोड़ता है। सरल शीर्षक वाला रूप या कस्टम लेबल व्यू इस्तेमाल करें। ✨

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

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

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

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

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

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

क्या “टैप किए जा सकने वाला Button बनाना” पाठ निःशुल्क है?

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

“टैप किए जा सकने वाला Button बनाना” में मैं क्या सीखूँगा?

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

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

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

“टैप किए जा सकने वाला Button बनाना” पाठ पूरा करने में कितना समय लगता है?

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

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

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

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

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