Tutorial despre crearea de aplicații iOS folosind Swift
Construirea de aplicații iOS nu a fost niciodată mai ușoară datorită ecosistemului de dezvoltare cuprinzător al Apple prin Xcode și limbajului de programare Swift. În acest articol, veți învăța fluxul de bază al construirii unei aplicații iOS folosind Swift, de la configurarea instrumentelor, crearea unui proiect nou, proiectarea interfeței și rularea aplicației în simulator. Deși acest tutorial este introductiv, pașii ar trebui să fie suficienți pentru a vă ajuta să creați o aplicație simplă și funcțională.
-
1. Pregătirea instrumentelor și a cerințelor
Înainte de a începe să scrieți cod, asigurați-vă că aveți următoarele dispozitive și software:
1. MacBook/iMac (sau macOS pe dispozitivele Apple), deoarece Xcode rulează oficial doar pe macOS.
2. Xcode (descărcare gratuită din Mac App Store). Xcode include un editor de cod, un simulator pentru iPhone și instrumente de compilare și depanare.
3. Swift (inclus în Xcode).
4. (Opțional) Cont de dezvoltator Apple pentru instalare pe dispozitive fizice și publicare în App Store.
După ce Xcode este instalat, deschideți aplicația și așteptați finalizarea procesului de instalare a componentelor suplimentare, dacă este necesar.
-
2. Creați un proiect nou în Xcode
1. Deschideți Xcode.
2. Selectați Creați un nou proiect Xcode.
3. În secțiunea șablon, selectați:
– iOS
– Aplicație
4. Faceți clic pe Următorul, apoi completați configurația proiectului:
– Nume produs: de exemplu `HelloSwiftApp`
– Echipă: selectați contul dvs. (poate fi gol dacă nu sunteți autentificat)
– Identificator organizație: de exemplu `com.devname`
– Interfață: alegeți SwiftUI (mai modernă și mai simplă pentru începători)
Notă: Dacă doriți UIKit, puteți alege Storyboard, dar acest tutorial se concentrează pe SwiftUI.
– Limbaj: Swift
5. Faceți clic pe Următorul și selectați locația de stocare a proiectului, apoi faceți clic pe Creare.
Odată ce proiectul este creat, veți vedea o structură de fișiere de genul `HelloSwiftAppApp.swift` și `ContentView.swift`.
-
3. Înțelegerea structurii de bază a unui proiect SwiftUI
În SwiftUI, punctul de plecare al unei aplicații este de obicei fișierul `NumeAplicațieYourAppApp.swift`. De exemplu:
„`repid
importă SwiftUI
@principal
struct HelloSwiftAppApp: Aplicație {
var body: some Scene {
Grup de ferestre {
Vizualizare conținut()
}
}
}
„`
Scurtă explicație:
– `@main` marchează punctul de intrare în aplicație.
– `WindowGroup` este containerul principal de vizualizare.
– `ContentView()` este prima vizualizare afișată.
Între timp, `ContentView.swift` conține vizualizarea principală:
„`repid
importă SwiftUI
struct ContentView: View {
var body: some View {
Text(„Salut, lume!”)
.padding()
}
}
„`
-
4. Crearea unei interfețe de utilizator simple: aplicația „Note rapide”
Pentru a face lucrurile mai interesante, vom crea o aplicație simplă numită „Note rapide” care permite utilizatorilor să tasteze notițe și să le afișeze sub formă de listă.
Pasul 1: Crearea stărilor pentru intrare și listă
Schimbați `ContentView.swift` la:
„`repid
importă SwiftUI
struct ContentView: View {
@State variabilă privată noteText: Șir = „”
@State private var note: [Șir] = []
var body: some View {
Vizualizare navigare {
VStack(spațiere: 16) {
TextField(„Scrie o notă…”, text: $noteText)
.textFieldStyle(RoundedBorderTextFieldStyle())
.padding(.orizontal)
Buton(acțiune: adăugareNotă) {
Text(„Adăugați o notă”)
.frame(lățime maximă: .infinity)
}
.buttonStyle(.borderedProminent)
.padding(.orizontal)
Listă {
PentruFiecare(note, id: \.self) { notă în
Text (notă)
}
.onDelete(execută: ștergeNotă)
}
}
.navigationTitle(„Note rapide”)
}
}
funcția privată addNote() {
let trimmed = noteText.trimmingCharacters(în: .spațiiAlbeȘiLiniiNouă)
guard !trimmed.isEmpty altfel { return }
notes.insert(trimmed, at: 0)
notăText = „”
}
funcția privată deleteNote(la decalaje: IndexSet) {
note.remove(laOffset-uri: offset-uri)
}
}
„`
-
5. Explicații importante ale codului
Câteva concepte cheie de înțeles:
– @State: Folosit pentru a stoca date care se vor modifica și pentru a declanșa actualizarea UI în consecință.
– `noteText` stochează textul de intrare.
– `notes` stochează o listă de note.
– TextField: Componentă de introducere text.
Legarea parametrului `text: $noteText` înseamnă că TextField este conectat direct la starea `noteText`.
– Button(action:) : Buton pentru rularea funcției `addNote()`.
– List + ForEach: Afișează datele sub formă de listă.
`id: \.self` este folosit deoarece elementul este un șir unic (de exemplu, simplu).
– onDelete: Permite ștergerea elementelor din listă cu un gest de glisare.
-
6. Rularea aplicației în simulator
Pentru a rula aplicația:
1. În partea de sus a Xcode, selectați dispozitivul țintă, de exemplu iPhone 15 (Simulator).
2. Faceți clic pe butonul Executare (pictograma triunghi ▶).
3. Simulatorul se va deschide, apoi aplicația va rula automat.
Încercați să tastați o notă, apăsați butonul „Adăugați notă” și vedeți cum apare în listă. Glisați orice element spre stânga pentru a-l șterge.
-
7. Depanare simplă
Când o aplicație nu funcționează conform așteptărilor, puteți:
– Consultați panoul Consolei de depanare din partea de jos a Xcode pentru jurnalele de erori.
– Adăugat `print()` pentru a verifica valorile variabilelor:
„`repid
print(„Notă adăugată:”, decupat)
„`
În plus, Xcode oferă o funcție de punct de întrerupere pentru a opri programul la o anumită linie, astfel încât să puteți inspecta conținutul variabilelor.
-
8. Îmbunătățirea aplicațiilor: Validarea și stocarea datelor
Aplicația de mai sus stochează în continuare notițele temporar (acestea vor dispărea când aplicația este închisă). Pentru următoarea etapă de dezvoltare, puteți adăuga:
1. Stocare locală (setări implicite utilizator)
Salvează o serie de note în UserDefaults pentru a persista după închiderea aplicației.
2. Bază de date (Core Data/SQLite)
Potrivit pentru date mai complexe.
3. Funcția Editare note
Creați o vizualizare detaliată pentru a modifica înregistrarea.
4. Interfață utilizator mai atractivă
Adăugați pictograme, culori și un aspect mai curat.
Ca un pas simplu, puteți începe prin a salva înregistrări în `UserDefaults` folosind `JSONEncoder` și `JSONDecoder`.
-
9. Kesimpulan
Swift și SwiftUI oferă o modalitate modernă și rapidă de a construi aplicații iOS. În acest tutorial, ați învățat cum să creați un nou proiect iOS, să înțelegeți structura de bază a unei aplicații SwiftUI, să construiți o interfață de utilizator simplă cu câmpuri de text, butoane și liste și să rulați aplicația în simulator. Deși aplicația este încă simplă, această bază este esențială pentru a trece la funcții mai complexe, cum ar fi stocarea datelor, navigarea pe pagini și integrarea API.
Dacă dorești, te pot ajuta și să creezi versiuni mai avansate ale acestui tutorial, cum ar fi adăugarea de spațiu de stocare persistent cu UserDefaults/Core Data, crearea unei pagini cu detalii cu NavigationStack sau crearea unei aplicații care preia date de pe internet folosind URLSession.
