SwiftUI में स्टोर ऑब्जेक्ट का उपयोग करके मॉडलिंग स्टेट

इस हफ्ते मैं स्विफ्टयूआई में एक डेटा लेयर मॉडलिंग के बारे में बात करना चाहता हूं। मैंने अपने पहले ही आवेदन पर काम पूरा कर लिया है, जिसे मैं केवल स्विफ्टयूआई का उपयोग करके बनाता हूं। अब मैं उन स्टोर ऑब्जेक्ट्स का उपयोग करके मॉडल परत बनाने का तरीका साझा कर सकता हूं जो मैंने नैपबॉट एप्लिकेशन को विकसित करते समय उपयोग किए थे।

स्टोर ऑब्जेक्ट

स्टोर ऑब्जेक्ट राज्य को बनाए रखने और इसे बदलने के लिए कार्रवाई प्रदान करने के लिए जिम्मेदार हैं। आपके पास जितनी ज़रूरत हो उतने स्टोर ऑब्जेक्ट हो सकते हैं, अधिमानतः वे आपके आवेदन की स्थिति के एक छोटे से हिस्से के लिए सरल और जिम्मेदार हैं। उदाहरण के लिए, कस्टम सेटिंग्स को बचाने के लिए आपके पास उपयोगकर्ता सेटिंग्स और टोडस्टोर की स्थिति को बचाने के लिए SettingsStore हो सकता है।

एक स्टोर ऑब्जेक्ट बनाने के लिए, आपको एक वर्ग बनाना होगा जो ऑब्जर्वेबल ओब्जेक्ट प्रोटोकॉल के अनुरूप हो। ओब्जर्वेबल ओब्जेक्ट प्रोटोकॉल स्विफ्टयूआई को डेटा परिवर्तनों का अवलोकन और प्रतिक्रिया करने की अनुमति देता है। ओब्जर्वेबल ओब्जेक्ट के बारे में अधिक जानने के लिए, " स्विफ्टयूआई में डेटा प्रवाह का प्रबंधन " लेख पर एक नज़र डालें। आइए SettingsStore ऑब्जेक्ट का एक सरल उदाहरण देखें।

import Foundation import Combine final class SettingsStore: ObservableObject { let objectWillChange = PassthroughSubject<Void, Never>() @UserDefault(Constants.UserDefaults.sleepGoal, defaultValue: 8.0) var sleepGoal: Double @UserDefault(Constants.UserDefaults.notifications, defaultValue: true) var isNotificationsEnabled: Bool private var didChangeCancellable: AnyCancellable? override init() { super.init() didChangeCancellable = NotificationCenter.default .publisher(for: UserDefaults.didChangeNotification) .map { _ in () } .receive(on: DispatchQueue.main) .subscribe(objectWillChange) } } 

उपरोक्त कोड उदाहरण में, हमारे पास SettingsStore वर्ग है, जो उपयोगकर्ता सेटिंग्स तक पहुंच प्रदान करता है। जब भी उपयोगकर्ता डिफ़ॉल्ट सेटिंग्स बदलता है, हम स्विफ्टयूआई को सूचित करने के लिए didChangeNotification का उपयोग करते हैं।

विस्तारित उपयोग

चलो एक साधारण टोडो ऐप बनाकर स्टोर ऑब्जेक्ट के एक और उपयोग को देखें। हमें एक स्टोर ऑब्जेक्ट बनाने की ज़रूरत है जो कार्यों की एक सूची को संग्रहीत करता है और उन्हें बदलने के लिए कार्रवाई प्रदान करता है, उदाहरण के लिए, उन्हें हटाने और उन्हें फ़िल्टर करना।

 import Foundation import Combine struct Todo: Identifiable, Hashable { let id = UUID() var title: String var date: Date var isDone: Bool var priority: Int } final class TodosStore: ObservableObject { @Published var todos: [Todo] = [] func orderByDate() { todos.sort { $0.date < $1.date } } func orderByPriority() { todos.sort { $0.priority > $1.priority } } func removeCompleted() { todos.removeAll { $0.isDone } } } 

एक टोडोसस्टोर क्लास है जो ऑब्जर्वेबलऑब्जेक्ट प्रोटोकॉल के अनुरूप है। टोडोसस्टोर अपने राज्य को बदलने के लिए कई क्रियाएं प्रदान करता है, हम इन तरीकों का उपयोग अपने विचारों से कर सकते हैं। डिफ़ॉल्ट रूप से, SwiftUI हर बार @Published फ़ील्ड परिवर्तनों को देखने का अद्यतन करता है। यही कारण है कि टोडो तत्वों की सरणी को @ प्रकाशित किया गया है । जैसे ही हम इस ऐरे से तत्वों को जोड़ते या हटाते हैं, SwiftUI, TodosStore के सब्सक्राइब्ड व्यू को अपडेट कर देगा ।

अब आप एक दृश्य बना सकते हैं जो कार्यों की सूची और ऐसे कार्यों को पूरा करता है जैसे कि कार्य को पूरा करना, हटाना और उस कार्य को बदलना जिसमें कार्य प्रदर्शित होते हैं। आइए एक दृश्य बनाकर शुरू करें जो कार्य के शीर्षक को प्रदर्शित करता है और कार्य को पूरा करने के लिए एक स्विच दिखाता है।

 import SwiftUI struct TodoItemView: View { let todo: Binding<Todo> var body: some View { HStack { Toggle(isOn: todo.isDone) { Text(todo.title.wrappedValue) .strikethrough(todo.isDone.wrappedValue) } } } } 

उपरोक्त उदाहरण में, बाइंडिंग का उपयोग एक संदर्भ प्रदान करने के लिए किया गया था, उदाहरण के लिए एक मूल्य प्रकार तक पहुंच। दूसरे शब्दों में, अनुदान टूडू तत्व तक पहुंच लिखता है। TodoItemView टोडो संरचना का एक उदाहरण नहीं है, लेकिन इसमें बाइंडिंग के माध्यम से टोडोस्टोर तक पहुंच है।

 import SwiftUI struct TodosView: View { @EnvironmentObject var store: TodosStore @State private var draft: String = "" var body: some View { NavigationView { List { TextField("Type something...", text: $draft, onCommit: addTodo) ForEach(store.todos.indexed(), id: \.1.id) { index, _ in TodoItemView(todo: self.$store.todos[index]) } .onDelete(perform: delete) .onMove(perform: move) } .navigationBarItems(trailing: EditButton()) .navigationBarTitle("Todos") } } private func delete(_ indexes: IndexSet) { store.todos.remove(atOffsets: indexes) } private func move(_ indexes: IndexSet, to offset: Int) { store.todos.move(fromOffsets: indexes, toOffset: offset) } private func addTodo() { let newTodo = Todo(title: draft, date: Date(), isDone: false, priority: 0) store.todos.insert(newTodo, at: 0) draft = "" } } 

अब हमारे पास TodosView , एक तत्व है जो कार्यों को प्रदर्शित करने के लिए सूची घटक का उपयोग करता है। सूची घटक पुनर्लेखन और विलोपन भी प्रदान करता है। एक और दिलचस्प बात अनुक्रमित () फ़ंक्शन है। यह फ़ंक्शन अपने सूचकांकों के साथ तत्वों का एक संग्रह लौटाता है। हम इसका उपयोग बाइंडिंग के माध्यम से स्टोर में वस्तुओं तक पहुंचने के लिए करते हैं। यहाँ इस विस्तार का पूरा स्रोत है।

 import Foundation struct IndexedCollection<Base: RandomAccessCollection>: RandomAccessCollection { typealias Index = Base.Index typealias Element = (index: Index, element: Base.Element) let base: Base var startIndex: Index { base.startIndex } var endIndex: Index { base.endIndex } func index(after i: Index) -> Index { base.index(after: i) } func index(before i: Index) -> Index { base.index(before: i) } func index(_ i: Index, offsetBy distance: Int) -> Index { base.index(i, offsetBy: distance) } subscript(position: Index) -> Element { (index: position, element: base[position]) } } extension RandomAccessCollection { func indexed() -> IndexedCollection<Self> { IndexedCollection(base: self) } } 

स्टोर वस्तुओं के भंडारण के लिए पर्यावरण एक आदर्श उम्मीदवार है। पर्यावरण उन्हें init पद्धति के माध्यम से स्पष्ट कार्यान्वयन के बिना कई विचारों के बीच विभाजित कर सकता है। SwiftUI में पर्यावरण के लाभों के बारे में अधिक जानने के लिए, " SwiftUI में पर्यावरण सुविधाएँ " लेख पर एक नज़र डालें।

निष्कर्ष

इस लेख में कई स्टोर ऑब्जेक्ट्स का उपयोग करके एप्लिकेशन की स्थिति को मॉडल करने के तरीके पर चर्चा की गई। मुझे वास्तव में इस दृष्टिकोण की सादगी पसंद है और अधिक स्टोर ऑब्जेक्ट्स जोड़कर अपने आवेदन को स्केल करना कितना आसान है। मुझे उम्मीद है कि आपको यह लेख अच्छा लगा होगा।