Tutorial mbi krijimin e aplikacioneve iOS duke përdorur Swift
Ndërtimi i aplikacioneve iOS nuk ka qenë kurrë më i lehtë falë ekosistemit gjithëpërfshirës të zhvillimit të Apple përmes Xcode dhe gjuhës së programimit Swift. Në këtë artikull, do të mësoni rrjedhën bazë të ndërtimit të një aplikacioni iOS duke përdorur Swift, që nga konfigurimi i mjeteve, krijimi i një projekti të ri, dizajnimi i ndërfaqes dhe ekzekutimi i aplikacionit në simulator. Ndërsa ky tutorial është hyrës, hapat duhet të jenë të mjaftueshëm për t'ju ndihmuar të krijoni një aplikacion të thjeshtë dhe funksional.
-
1. Përgatitja e mjeteve dhe kërkesave
Para se të filloni të shkruani kod , sigurohuni që keni pajisjet dhe softuerët e mëposhtëm:
1. MacBook/iMac (ose macOS në pajisjet Apple), pasi Xcode zyrtarisht funksionon vetëm në macOS.
2. Xcode (shkarkim falas nga Mac App Store). Xcode përfshin një redaktues kodi, një simulator për iPhone dhe mjete ndërtimi dhe debugging-u.
3. Swift (i përfshirë në Xcode).
4. (Opsionale) Llogari Apple Developer për instalim në pajisje fizike dhe publikim në App Store.
Pasi të instalohet Xcode, hapni aplikacionin dhe prisni që procesi i instalimit të komponentëve shtesë të përfundojë nëse është e nevojshme.
-
2. Krijo një projekt të ri në Xcode
1. Hapni Xcode-in.
2. Zgjidhni Krijo një projekt të ri Xcode.
3. Në seksionin e shabllonit, zgjidhni:
- iOS
- Aplikacioni
4. Klikoni Tjetër, pastaj plotësoni konfigurimin e projektit:
– Emri i produktit: për shembull `HelloSwiftApp`
– Ekipi: zgjidhni llogarinë tuaj (mund të jetë bosh nëse nuk jeni i kyçur)
– Identifikuesi i Organizatës: për shembull `com.devname`
– Ndërfaqja: zgjidhni SwiftUI (më moderne dhe më e thjeshtë për fillestarët)
Shënim: Nëse dëshironi UIKit, mund të zgjidhni Storyboard, por ky tutorial përqendrohet në SwiftUI.
– Gjuha: E shpejtë
5. Klikoni Tjetër dhe zgjidhni vendndodhjen e ruajtjes së projektit, pastaj klikoni Krijo.
Pasi të krijohet projekti, do të shihni një strukturë skedari si `HelloSwiftAppApp.swift` dhe `ContentView.swift`.
-
3. Kuptimi i Strukturës Bazë të një Projekti SwiftUI
Në SwiftUI, pika fillestare e një aplikacioni është zakonisht skedari `YourAppNameApp.swift`. Për shembull:
“` i shpejtë
importo SwiftUI
@kryesore
strukturë HelloSwiftAppApp: Aplikacion {
var body: disa Scene {
Grupi i Dritareve {
ContentView()
}
}
}
""
Shpjegim i shkurtër:
– `@main` shënon pikën e hyrjes së aplikacionit.
– `WindowGroup` është kontejneri kryesor i pamjes.
– `ContentView()` është pamja e parë që shfaqet.
Ndërkohë, `ContentView.swift` përmban pamjen kryesore:
“` i shpejtë
importo SwiftUI
strukturo ContentView: Shiko {
var body: disa Shiko {
Tekst ("Përshëndetje, botë!")
.mbushje()
}
}
""
-
4. Krijimi i një ndërfaqeje të thjeshtë përdoruesi: Aplikacioni “Shënime të Shpejta”
Për ta bërë më interesante, do të krijojmë një aplikacion të thjeshtë të quajtur “Shënime të Shpejta” që u lejon përdoruesve të shkruajnë shënime dhe t’i shfaqin ato si listë.
Hapi 1: Krijimi i gjendjeve për hyrje dhe listë
Ndrysho `ContentView.swift` në:
“` i shpejtë
importo SwiftUI
strukturo ContentView: Shiko {
@State private var noteText: String = “”
Shënime të var-it privat @State: [String] = []
var body: disa Shiko {
NavigationView {
VStack (hapësirë: 16) {
TextField(“Shkruaj një shënim…”, tekst: $noteText)
.textFieldStyle(RoundedBorderTextFieldStyle())
.mbushje(.horizontale)
Button(veprim: addNote) {
Tekst ("Shto Shënim")
.frame(maxWidth: .infinity)
}
.buttonStyle(.borderedProminent)
.mbushje(.horizontale)
Lista {
ForEach(shënime, id: \.self) { shënim në
Tekst (shënim)
}
.onDelete(perform: deleteNote)
}
}
.navigationTitle(“Shënime të Shpejta”)
}
}
funksion privat addNote() {
le të shkurtohet = noteText.trimmingCharacters(në: .whitespacesAndNewlines)
roje !trimmed.isEmpty përndryshe { return }
shënime.fut(i shkurtuar, në: 0)
shënim Teksti = “”
}
funksion privat deleteShënim (në zhvendosje: IndexSet) {
shënime.remove(atOffsets: zhvendosjet)
}
}
""
-
5. Shpjegim i rëndësishëm i kodit
Disa koncepte kryesore për t'u kuptuar:
– @State: Përdoret për të ruajtur të dhënat që do të ndryshojnë dhe për të aktivizuar UI-në që të përditësohet në përputhje me rrethanat.
– `noteText` ruan tekstin e futur.
– `notes` ruan një listë shënimesh.
– TextField: Komponenti i futjes së tekstit.
Lidhja e `text: $noteText` do të thotë që TextField është e lidhur drejtpërdrejt me gjendjen `noteText`.
– Button(action:): Butoni për të ekzekutuar funksionin `addNote()`.
– List + ForEach: Shfaq të dhënat në formë liste.
`id: \.self` përdoret sepse elementi është një varg unik (për një shembull të thjeshtë).
– onDelete: Lejon fshirjen e artikujve nga lista me një gjest rrëshqitjeje.
-
6. Ekzekutimi i Aplikacionit në Simulator
Për të ekzekutuar aplikacionin:
1. Në krye të Xcode, zgjidhni pajisjen e synuar, për shembull iPhone 15 (Simulator).
2. Klikoni butonin Run (ikona e trekëndëshit ▶).
3. Simulatori do të hapet, pastaj aplikacioni do të ekzekutohet automatikisht.
Provo të shkruash një shënim, duke shtypur butonin “Shto Shënim” dhe shikoje të shfaqet në listë. Rrëshqit çdo artikull majtas për ta fshirë.
-
7. Debugging i thjeshtë
Kur një aplikacion nuk funksionon siç pritet, mund të:
– Shikoni panelin e Debug Console në fund të Xcode për regjistrat e gabimeve.
– U shtua `print()` për të kontrolluar vlerat e variablave:
“` i shpejtë
shtyp ("Shënim i shtuar:", i shkurtuar)
""
Për më tepër, Xcode ofron një veçori pikësh ndërprerjeje për të ndaluar programin në një rresht specifik në mënyrë që të mund të inspektoni përmbajtjen e variablave.
-
8. Përmirësimi i Aplikacioneve: Validimi dhe Ruajtja e të Dhënave
Aplikacioni i mësipërm ende ruan shënime përkohësisht (ato do të zhduken kur aplikacioni të mbyllet). Për fazën tjetër të zhvillimit, mund të shtoni:
1. Hapësira e ruajtjes lokale (Parazgjedhjet e përdoruesit)
Ruaj një sërë shënimesh në UserDefaults për të vazhduar pasi aplikacioni të jetë mbyllur.
2. Baza e të dhënave (Të dhënat bazë/SQLite)
I përshtatshëm për të dhëna më komplekse.
3. Funksioni i Redaktimit të Shënimeve
Krijo një pamje të detajuar për të modifikuar regjistrimin.
4. Ndërfaqe më tërheqëse e përdoruesit
Shtoni ikona, ngjyra dhe një paraqitje më të pastër.
Si një hap i lehtë, mund të filloni duke ruajtur të dhënat në `UserDefaults` duke përdorur `JSONEncoder` dhe `JSONDecoder`.
-
9. Kesimpulan
Swift dhe SwiftUI ofrojnë një mënyrë moderne dhe të shpejtë për të ndërtuar aplikacione iOS. Në këtë tutorial, mësuat se si të krijoni një projekt të ri iOS, të kuptoni strukturën bazë të një aplikacioni SwiftUI, të ndërtoni një ndërfaqe të thjeshtë përdoruesi me fusha teksti, butona dhe lista, dhe të ekzekutoni aplikacionin në simulator. Ndërsa aplikacioni është ende i thjeshtë, ky themel është thelbësor për të kaluar në veçori më komplekse si ruajtja e të dhënave, navigimi i faqeve dhe integrimi i API-t.
Nëse dëshironi, mund t'ju ndihmoj gjithashtu të krijoni versione më të avancuara të këtij tutoriali, siç është shtimi i hapësirës së përhershme të ruajtjes me UserDefaults/Core Data, krijimi i një faqeje detajesh me NavigationStack ose krijimi i një aplikacioni që merr të dhëna nga interneti duke përdorur URLSession.
