स्विफ्टयूआई में संपत्ति रैपर्स को समझना

लेख का अनुवाद विशेष रूप से पाठ्यक्रम "iOS डेवलपर" के छात्रों के लिए तैयार किया गया था । उन्नत पाठ्यक्रम v 2.0। ”

---

पिछले हफ्ते हमने स्विफ्टयूआई ढांचे के बारे में पदों की एक नई श्रृंखला शुरू की। आज मैं SwiftUI में प्रॉपर्टी व्रैपर्स के बारे में बात करके इस विषय को जारी रखना चाहता हूं। SwiftUI हमें @State , @Binding , @ObservedObject , @EnvironmentObject और @Environment लिए रैपर प्रदान करता है। तो, आइए उनके बीच अंतर को समझने की कोशिश करें कि कब, क्यों और किसका उपयोग करना चाहिए।

संपत्ति के रैपर

प्रॉपर्टी रैपर (इसके बाद "प्रॉपर्टी रैपर" के रूप में संदर्भित ) SE-0258 में वर्णित हैं। मुख्य विचार तर्क के साथ गुणों को लपेटना है, जिसे कोड आधार में पुन: उपयोग के लिए एक अलग संरचना में निकाला जा सकता है।

राज्य

@State एक आवरण है जिसका उपयोग हम एक View की स्थिति को इंगित करने के लिए कर सकते हैं। SwiftUI इसे View स्ट्रक्चर के बाहर एक विशेष आंतरिक मेमोरी में संग्रहीत करेगा। केवल एक जुड़ा हुआ View ही इसे एक्सेस कर सकता है। @State संपत्ति परिवर्तनों के मूल्य के रूप में, SwiftUI राज्य परिवर्तनों के लिए खाते को View लिए पुन: बनाता है। यहाँ एक सरल उदाहरण है।

 struct ProductsView: View { let products: [Product] @State private var showFavorited: Bool = false var body: some View { List { Button( action: { self.showFavorited.toggle() }, label: { Text("Change filter") } ) ForEach(products) { product in if !self.showFavorited || product.isFavorited { Text(product.title) } } } } } 

उपरोक्त उदाहरण में, हमारे पास एक बटन और उत्पादों की सूची के साथ एक सरल स्क्रीन है। जैसे ही हम बटन पर क्लिक करते हैं, यह राज्य संपत्ति के मूल्य को बदल देता है, और स्विफ्टयूआई View बनाता है।

@Binding

@Binding मान प्रकार के लिए संदर्भ पहुँच प्रदान करता है। कभी-कभी हमें अपने View की स्थिति को उसके बच्चों के लिए सुलभ बनाने की आवश्यकता होती है। लेकिन हम इस मान को केवल ले और पास नहीं कर सकते, क्योंकि यह एक मूल्य प्रकार है, और स्विफ्ट इस मूल्य की एक प्रति पारित करेगी। यह वह जगह है जहां @Binding संपत्ति की लपेटन बचाव के लिए आता है।

 struct FilterView: View { @Binding var showFavorited: Bool var body: some View { Toggle(isOn: $showFavorited) { Text("Change filter") } } } struct ProductsView: View { let products: [Product] @State private var showFavorited: Bool = false var body: some View { List { FilterView(showFavorited: $showFavorited) ForEach(products) { product in if !self.showFavorited || product.isFavorited { Text(product.title) } } } } } 

हम @Binding showFavorited अंदर showFavorited संपत्ति को चिह्नित करने के लिए @Binding का उपयोग करते हैं। हम लंगर लिंक को पास करने के लिए विशेष $ चरित्र का भी उपयोग करते हैं, क्योंकि $ स्विफ्ट के बिना यह लंगर लिंक को पारित करने के बजाय मूल्य की एक प्रति पारित करेगा। FilterView में showFavorited संपत्ति के मूल्य को पढ़ और लिख सकता है, लेकिन इस बाइंडिंग का उपयोग करके परिवर्तनों को ट्रैक नहीं कर सकता है। जैसे ही FilterView showFavorited प्रॉपर्टी का मूल्य showFavorited है, SwiftUI अपने बच्चे के रूप में FilterView और FilterView को फिर से बनाता है।

@ObservedObject

@ObservedObject समान काम करता है, लेकिन मुख्य अंतर यह है कि हम इसे कई स्वतंत्र View बीच विभाजित कर सकते हैं जो इस ऑब्जेक्ट में परिवर्तन के लिए सदस्यता ले सकते हैं और देख सकते हैं, और जैसे ही परिवर्तन दिखाई देते हैं, SwiftUI इस ऑब्जेक्ट के साथ सभी विचारों को फिर से SwiftUI । आइए एक उदाहरण देखें।

 import Combine final class PodcastPlayer: ObservableObject { @Published private(set) var isPlaying: Bool = false func play() { isPlaying = true } func pause() { isPlaying = false } } 

यहां हमारे पास PodcastPlayer वर्ग है, जो हमारे आवेदन की स्क्रीन को आपस में साझा करते हैं। जब अनुप्रयोग पॉडकास्ट एपिसोड खेल रहा हो तो प्रत्येक स्क्रीन को एक फ्लोटिंग पॉज़ बटन प्रदर्शित करना चाहिए। SwiftUI @Published रैपर का उपयोग करके एक SwiftUI परिवर्तन करता है, और जैसे ही संपत्ति @Published परिवर्तनों के रूप में चिह्नित की @Published है, SwiftUI इस PodcastPlayer जुड़े सभी SwiftUI से PodcastPlayer । यहाँ हम अपने EpisodesView को PodcastPlayer श्रेणी में बाँधने के लिए @ObservedObject रैपर का उपयोग करते हैं

 struct EpisodesView: View { @ObservedObject var player: PodcastPlayer let episodes: [Episode] var body: some View { List { Button( action: { if self.player.isPlaying { self.player.pause() } else { self.player.play() } }, label: { Text(player.isPlaying ? "Pause": "Play") } ) ForEach(episodes) { episode in Text(episode.title) } } } } 

@EnvironmentObject

अपने View की init पद्धति के माध्यम से एक ObservableObject पास करने के बजाय, हम इसे अपने View पदानुक्रम के Environment में अंतर्निहित कर सकते हैं। ऐसा करने से, हम इस ObservableObject तक पहुँचने के लिए वर्तमान Environment सभी बच्चे के विचारों के लिए संभव बनाते हैं।

 class SceneDelegate: UIResponder, UIWindowSceneDelegate { var window: UIWindow? func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) { let window = UIWindow(frame: UIScreen.main.bounds) let episodes = [ Episode(id: 1, title: "First episode"), Episode(id: 2, title: "Second episode") ] let player = PodcastPlayer() window.rootViewController = UIHostingController( rootView: EpisodesView(episodes: episodes) .environmentObject(player) ) self.window = window window.makeKeyAndVisible() } } struct EpisodesView: View { @EnvironmentObject var player: PodcastPlayer let episodes: [Episode] var body: some View { List { Button( action: { if self.player.isPlaying { self.player.pause() } else { self.player.play() } }, label: { Text(player.isPlaying ? "Pause": "Play") } ) ForEach(episodes) { episode in Text(episode.title) } } } } 

जैसा कि आप देख सकते हैं, हमें अपने View के environmentObject संशोधक के माध्यम से PodcastPlayer को पास करना होगा। ऐसा करने से, हम आसानी से PodcastPlayer को @EnvironmentObject रैपर का उपयोग करके इसे परिभाषित कर सकते हैं। @EnvironmentObject Environment में PodcastPlayer श्रेणी का एक उदाहरण खोजने के लिए गतिशील सदस्य खोज फ़ंक्शन का उपयोग करता है, इसलिए आपको इसे EpisodesView PodcastPlayer विधि से पारित करने की आवश्यकता नहीं है। पर्यावरण स्विफ्टयूआई में निर्भरता को इंजेक्ट करने का सही तरीका है।

@Environment

जैसा कि हमने पिछले अध्याय में कहा था, हम कस्टम ऑब्जेक्ट्स को SwiftUI के अंदर Environment View पदानुक्रम में स्थानांतरित कर सकते हैं। लेकिन SwiftUI में पहले से ही सिस्टम-वाइड सेटिंग्स से भरा एक Environment । हम @Environment रैपर का उपयोग करके आसानी से उन तक पहुँच सकते हैं।

 struct CalendarView: View { @Environment(\.calendar) var calendar: Calendar @Environment(\.locale) var locale: Locale @Environment(\.colorScheme) var colorScheme: ColorScheme var body: some View { return Text(locale.identifier) } } 

@Environment रैपर के साथ हमारे गुणों को चिह्नित करके, हम सिस्टम-वाइड सेटिंग्स में परिवर्तन तक पहुंच और सदस्यता प्राप्त करते हैं। जैसे ही लोकेल , कैलेंडर या ColorScheme सिस्टम बदलते हैं, SwiftUI हमारे CalendarView फिर से बनाता है।

निष्कर्ष

आज हमने SwiftUI द्वारा उपलब्ध कराए गए संपत्ति रैपर के बारे में बात की। @State , @Binding , @EnvironmentObject और @ObservedObject SwiftUI विकास में एक बड़ी भूमिका निभाते हैं। आपका ध्यान के लिए धन्यवाद!