Principi di SwiftUI

Utilizzo dei termini SwiftUI

SwiftUI è stato introdotto per la prima volta nel 2019 e da quando è stato migliorato in wifUI 2, cosa che ha entusiasmato la maggior parte degli sviluppatori. Il modo migliore per descrivere SwiftUI è menzionare il fatto che si tratta di un'interfaccia utente dichiarativa. "Un modo semplice per capire l'interfaccia utente dichiarativa è semplicemente indicare quello che vuoi, come" Voglio che le mie uova siano sode "invece di descrivere in dettaglio i passaggi come" prendi le uova, mettile in una padella piena d'acqua, metti questo sul fuoco e aspetta 7 minuti. " Si tratta più di concentrarsi su ciò che è importante che su come ottenerlo ”[Varma, 2]. Il linguaggio dichiarativo è molto semplice, rendendo il codice SwiftUI bello e pulito.

SwiftUI si basa su 4 principi:

Dichiarativo

Lo Swift tradizionale 2,3,4,5 era principalmente focalizzato su come creare gli elementi e come visualizzarli, l'ultimo passaggio è stato aggiornarli con la modifica dei dati. Con l'interfaccia utente dichiarativa, l'intero processo è stato più semplice, consentendo allo sviluppatore di concentrarsi maggiormente sui dati da visualizzare.

Swift 5

let labelText = UILabel (frame: CGRect (x: 0, y: 0, larghezza: 100,

altezza: 100))

labelText.text = "Hello World"

labelText.textColor = UIColor.blue

labelText.backgroundColor = UIColor.red

labelText.font = UIFont (nome: "Helvetica", dimensioni: 24)

self.view.addSubview (labelText)

SwiftUI

Testo ("Hello World")

.colore blu)

.background (Color.red)

.font (.largeTitle)

Come possiamo vedere dal codice sopra, entrambi visualizzano la stessa cosa, ma il codice SwiftUI sembra più pulito e veloce.

Automatico

Se ci riferiamo al codice sopra, in SwifUI non abbiamo necessariamente bisogno di aggiungere funzioni come spaziatura, cornici, ecc. Questo perché SwiftUI le offre "gratis". Se torniamo a tradurre la nostra applicazione tramite Localizzazione, l'intero codice verrebbe coperto automaticamente in SwifUI. Non abbiamo bisogno di scrivere variabili aggiuntive, tradurle, collegarle con il pulsante e creare istruzioni per cambiare quando si fa clic sul pulsante di una determinata lingua. Tutto ciò verrà eseguito automaticamente in SwitUI. Se il codice ha stringhe di lingua, la riga sopra mostrerà la versione localizzata senza scrivere codice aggiuntivo; tutto fatto automaticamente.

Composizione

Il principio della composizione si basa sull'idea di ogni interfaccia utente di raccogliere elementi visivi che insieme forniscono un'esperienza interattiva per l'utente. Apple semplifica le cose con SwiftUI creando viste complesse usando Hstack e Vstack . La composizione non è altro che creare nuovi elementi mescolando e abbinando quelli esistenti, ottenendo un'applicazione bella e facile da usare.

Consistenza

Uno dei più grandi errori affrontati dagli sviluppatori Apple è che il precedente Interface Builder combinato con Swift 5 non aggiornava i dati in tempo reale. È stato necessario eseguire il debug e creare l'app (virtualmente o sul telefono) per vedere tali modifiche.

Questo problema è stato risolto con l'introduzione di SwiftUI. Poiché l'interfaccia utente riflette i dati che rappresenta, deve essere sincronizzata per fornire sempre un'esperienza coerente. Con SwiftUI, i dati vengono sincronizzati e aggiornati automaticamente man mano che vengono apportate le modifiche.

Questi 4 principi hanno portato SwiftUI a un livello più alto di esperienza per gli sviluppatori.