Πώς υλοποιείται η αρχιτεκτονική VVM στο έργο σας;

Στο έργο χρησιμοποιήθηκε MVVM.

Συστατικά:

• Μοντέλο: Αντιπροσωπεύει δεδομένα και επιχειρηματική λογική. Είναι δομές ή κλάσεις ανεξάρτητες από το UI.

• View: Είναι υπεύθυνο για την εμφάνιση δεδομένων και την επεξεργασία εισόδου χρήστη. Είναι UIView ή UIViewController. Το View είναι παθητικό, εμφανίζει μόνο ό,τι του λέει το ViewModel.

• ViewModel: Δρα ως μεσάζων μεταξύ Model και View. Περιέχει λογική παρουσίασης και μετατρέπει δεδομένα από το Model σε μορφή κατάλληλη για εμφάνιση. Το ViewModel παρέχει παρατηρήσιες ιδιότητες στις οποίες εγγράφεται το View. Το ViewModel δεν έχει άμεση αναφορά στο View.

Αλληλεπίδραση:

1. Το View εγγράφεται στις παρατηρήσιμες ιδιότητες του ViewModel.
2. Το ViewModel λαμβάνει δεδομένα από το Model (αν χρειάζεται).
3. Το ViewModel επεξεργάζεται τα δεδομένα και ενημερώνει τις παρατηρήσιμες ιδιότητες του.
4. Το View λαμβάνει ειδοποίηση για τις αλλαγές και ενημερώνει το περιβάλλον χρήστη.
5. Το View στέλνει ενέργειες χρήστη (π.χ. πάτημα κουμπιού) στο ViewModel μέσω closures ή delegate.
6. Το ViewModel επεξεργάζεται αυτές τις ενέργειες, μπορεί να αλληλεπιδράσει με το Model και αν χρειάζεται, να ενημερώσει τις παρατηρήσιμες ιδιότητες.

Binding (Δέσιμο):

Χρησιμοποιήθηκε ReactiveSwift (ή Combine, ανάλογα με την έκδοση iOS) για την υλοποίηση αντιδραστικού δέσματος μεταξύ View και ViewModel. Αυτό εξασφαλίζει αυτόματη ενημέρωση του UI όταν αλλάζουν τα δεδομένα στο ViewModel.

// Παράδειγμα στο ViewModel
let title: Property<String>
private let mutableTitle: MutableProperty<String>

init(...) {
    self.mutableTitle = MutableProperty("")
    self.title = Property(mutableTitle)
    // ...
}

func loadData() {
    // ...
    mutableTitle.value = loadedData.title
    // ...
}

// Παράδειγμα στο View/ViewController
viewModel.title.signal.observeValues { [weak self] title in
    self?.titleLabel.text = title
}

// Αποστολή ενέργειας χρήστη
button.reactive.controlEvents(.touchUpInside).observeValues { [weak self] _ in
    self?.viewModel.buttonTapped()
}

Πλεονεκτήματα:

• Καλύτερη δοκιμασία του ViewModel.
• Διαχωρισμός ευθυνών μεταξύ των στρωμάτων.
• Ευκολότερη συντήρηση κώδικα.
• Ευκολότερη αλλαγή UI χωρίς να αλλάξει η επιχειρηματική λογική.