SwiftUI का त्वरित परिचय

SwiftUI Xcode पर यूजर इंटरफेस बनाने के लिए एक नया सुविधाजनक तरीका है। यदि आप SwiftUI का त्वरित परिचय चाहते हैं, तो यह ब्लॉग पोस्ट आपके लिए है।

आरंभ करने के लिए, आइए SwiftUI समर्थन के साथ एक प्रोजेक्ट बनाएं। इसके लिए न्यूनतम सिस्टम आवश्यकताएं हैं MacOS Catalina और Xcode 11. एक नया प्रोजेक्ट बनाएं "फ़ाइल> नया> प्रोजेक्ट ..." , "सिंगल व्यू ऐप" चुनें और सुनिश्चित करें कि "यूजर इंटरफेस: स्विफ्टयूआई" चुना गया है ।



परियोजना कुछ इस तरह दिखाई देगी:



जैसा कि आपने देखा होगा, अब आप पूर्वावलोकन पर तुरंत सभी परिवर्तन देख सकते हैं। उदाहरण के लिए, टेक्स्ट को "हैलो, हैबर!" में बदलने का प्रयास करें। कूल हाँ?

यदि कोई परिवर्तन नहीं हैं, तो फिर से शुरू करें बटन पर क्लिक करें (ऊपरी दाएं कोने में)। यदि पूर्वावलोकन दिखाई नहीं देता है - संपादक विकल्पों पर क्लिक करें और सुनिश्चित करें कि कैनवास चयनित है (⌘Options + ommCommand + .Enter) ।

देखें, पाठ, ढेर ...

यदि आप ContentView.swift का चयन करते हैं, तो हम देखेंगे:

struct ContentView: View { var body: some View { Text(", !") } } 

यहाँ हम देखते हैं कि ContentView> बॉडी में एक टेक्स्ट होता है, जो "Hello, Habr!" प्रदर्शित करता है। एक और पाठ जोड़ते हैं। यदि आप सीधे शरीर दृश्य में जोड़ने का प्रयास करते हैं, तो Xcode शपथ लेगा। ऐसा करने के लिए, पहले HStack या VStack का उपयोग करें। कमांड दबाएं और टेक्स्ट (ommCommand + Text) पर क्लिक करें, फिर "एम्बेड इनस्टैक" चुनें ।



यह कमांड स्वचालित रूप से एक HStack बनाएगी और हमारे टेक्स्ट को वहां जोड़ेगी । अब आप एक और पाठ जोड़ सकते हैं:

 struct ContentView: View { var body: some View { HStack { Text(",") Text("!") } } } 

स्विफ्टुई इंस्पेक्टर

यदि आप “andCommand + Text” पर क्लिक करते हैं और “Show SwiftUI Inspector…” का चयन करते हैं, तो एक निरीक्षक खुलेगा जहाँ आप पाठ गुणों को नेत्रहीन रूप से बदल सकते हैं। उदाहरण के लिए, यदि इंस्पेक्टर "फ़ॉन्ट" को "लार्ज टाइटल" में बदल दिया गया था , तो कोड भी .font (.largeTitle) में बदल जाएगा। बहुत सरल:

राज्य क्या है?

यह समझने के लिए कि राज्य क्या है , आइए कुछ कार्रवाई जोड़ें। हम दोहराते हैं कि हमने पहले क्या किया था: "whatCommand + HStack" , "VStack में एम्बेड करें " चुनें, फिर इस VStack में बटन जोड़ें:

 struct ContentView: View { @State var tapCount = 0 var body: some View { VStack { HStack { Text(",") .font(.largeTitle) .foregroundColor(Color.green) Text("!") .font(.largeTitle) .fontWeight(.bold) } Button(action: { self.tapCount += 1 }) { Text("Tap count \(tapCount)") .font(.title) } } } } 

हर बार जब आप बटन पर क्लिक करते हैं, तो हम टैपकाउंट का मूल्य बदल देते हैं। लेकिन राज्य का क्या मतलब है? यदि हम चाहते हैं कि जब कुछ मूल्य में परिवर्तन हो तो हमारा दृष्टिकोण नए सिरे से प्रस्तुत किया जाए, तो हमें राज्य का उपयोग करना चाहिए। इस मामले में, जब हम बटन पर क्लिक करते हैं, तो हम टैपकाउंट को बदलते हैं, जिसे स्टेट के रूप में नामित किया गया है। यही कारण है कि हर क्लिक के साथ हमारे शरीर को फिर से प्रस्तुत किया जाता है।

लाइव पूर्वावलोकन

फिलहाल, अगर आप बटन पर क्लिक करते हैं, तो कुछ भी नहीं होता है। इसे ठीक करने और सिम्युलेटर की तरह काम करने के लिए, आपको "लाइव पूर्वावलोकन" को सक्रिय करने की आवश्यकता है। सक्रियण बटन नीचे दाईं ओर स्थित है:



अब फिर से प्रयास करें। हर बार जब आप बटन दबाते हैं, तो मान बदल जाएगा।

आगे क्या है?

अब आपके पास SwiftUI की मूल अवधारणा है। इसके अलावा, मैं आपको SwiftUI ट्यूटोरियल पढ़ने की सलाह देता हूं, SwiftUI के बारे में WWDC वीडियो देखें । प्रलेखन यहाँ पाया जा सकता है ।

जीथब प्रोजेक्ट का लिंक यहां है ।