SwiftUI Swift: पूर्ण गाइड उदाहरणों के साथ

SwiftUI क्या है और इसकी आवश्यकता क्यों है?

SwiftUI एक आधुनिक, डिक्लेरेटिव फ्रेमवर्क है जो Apple के सभी प्लेटफॉर्मों (iOS, macOS, watchOS और tvOS) पर यूज़र इंटरफ़ेस बनाने के लिए उपयोग किया जाता है। UIKit के पारंपरिक दृष्टिकोण (जहाँ आप मैन्युअल रूप से स्टेट और व्यू अपडेट को मैनेज करते हैं) के विपरीत, SwiftUI आपको यह बताने देता है कि इंटरफ़ेस कैसा दिखना चाहिए, न कि इसे कैसे बनाया जाए। यह फ्रेमवर्क अपने आप डेटा में बदलाव को ट्रैक करता है और केवल उन्हीं हिस्सों को रीड्रॉ करता है जो बदले हैं।

इसकी आवश्यकता क्यों है?

• कम कोड: एक ही कोड सभी Apple प्लेटफॉर्म पर काम करता है।
• डिक्लेरेटिव: आप इंटरफ़ेस को सरल स्ट्रक्चर के सेट के रूप में वर्णित करते हैं, न कि कमांड के अनुक्रम के रूप में।
• ऑटोमैटिक स्टेट मैनेजमेंट: @State, @Binding, @ObservableObject — SwiftUI खुद तय करता है कि इंटरफ़ेस को कब रीड्रॉ करना है।
• लाइव प्रीव्यू: Xcode में आप रीयल-टाइम में बदलाव देख सकते हैं।
• एनिमेशन: एनिमेशन जोड़ना कोड की एक लाइन जितना आसान है।

SwiftUI कोई अलग से इंस्टॉल करने वाली लाइब्रेरी नहीं है। यह एक बिल्ट-इन फ्रेमवर्क है, जो iOS 13, macOS 10.15, watchOS 6 और tvOS 13 से उपलब्ध है। यह Xcode और Apple SDK के साथ आता है।

सेटअप (प्रोजेक्ट कॉन्फ़िगरेशन)

चूँकि SwiftUI Apple के स्टैंडर्ड SDK का हिस्सा है, इसे pip, npm या CocoaPods के ज़रिए इंस्टॉल करने की ज़रूरत नहीं है। आपको बस Xcode (वर्जन 11 या उससे नया) और iOS 13+ / macOS 10.15+ पर सेटअप किया गया प्रोजेक्ट चाहिए।

SwiftUI के साथ नया प्रोजेक्ट कैसे बनाएं:

1. Xcode खोलें।
2. File → New → Project चुनें।
3. "App" टेम्पलेट चुनें (या पुराने वर्जन में "SwiftUI App")।
4. सुनिश्चित करें कि "Interface" फील्ड में "SwiftUI" चुना गया है।
5. "Next" पर क्लिक करें और प्रोजेक्ट बनाएं।

अगर आप किसी मौजूदा UIKit प्रोजेक्ट पर काम कर रहे हैं, तो आप SwiftUI फ़ाइल जोड़ सकते हैं (File → New → File → SwiftUI View)। SwiftUI और UIKit एक ही प्रोजेक्ट में UIHostingController के ज़रिए साथ-साथ काम कर सकते हैं।

कोड उदाहरण के साथ त्वरित शुरुआत

चलिए एक सरल "क्लिक काउंटर" ऐप बनाते हैं। यह क्लासिक उदाहरण SwiftUI की बुनियादी अवधारणाओं (स्टेट, बटन और टेक्स्ट) को दिखाता है।

import SwiftUI

struct ContentView: View {
    // @State — यह एक प्रॉपर्टी है जो स्टेट को स्टोर करती है और बदलने पर अपने आप View को रीड्रॉ करती है
    @State private var count = 0

    var body: some View {
        VStack(spacing: 20) {
            Text("काउंटर: \(count)")
                .font(.largeTitle)
                .padding()

            HStack(spacing: 20) {
                Button("बढ़ाएं") {
                    count += 1
                }
                .padding()
                .background(Color.blue)
                .foregroundColor(.white)
                .cornerRadius(10)

                Button("रीसेट") {
                    count = 0
                }
                .padding()
                .background(Color.red)
                .foregroundColor(.white)
                .cornerRadius(10)
            }
        }
    }
}

// ऐप में एंट्री पॉइंट
@main
struct MyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

व्याख्या:

• @State — SwiftUI को बताता है कि इस प्रॉपर्टी को ट्रैक करना है। जब count बदलता है, SwiftUI अपने आप ContentView को रीड्रॉ कर देता है।
• VStack और HStack — ये एलिमेंट्स को वर्टिकल और हॉरिज़ॉन्टल रूप से व्यवस्थित करने के लिए कंटेनर हैं।
• Button — एक बटन बनाता है जो क्लिक करने पर क्लोज़र (कोड ब्लॉक) को एक्ज़ीक्यूट करता है।
• मॉडिफ़ायर (.font(), .padding(), .background()) — ये दिखावट को कस्टमाइज़ करने का तरीका हैं।