Kennsla um að búa til iOS forrit með Swift
Það hefur aldrei verið auðveldara að smíða iOS forrit þökk sé alhliða þróunarkerfi Apple í gegnum Xcode og forritunarmálið Swift. Í þessari grein munt þú læra grunnatriðin í því að smíða iOS forrit með Swift, allt frá því að setja upp verkfærin, búa til nýtt verkefni, hanna viðmótið og keyra forritið í herminum. Þó að þessi kennsla sé inngangur ættu skrefin að vera næg til að hjálpa þér að búa til einfalt, virkt forrit.
-
1. Undirbúningur verkfæra og krafna
Áður en þú byrjar að skrifa kóða skaltu ganga úr skugga um að þú hafir eftirfarandi tæki og hugbúnað:
1. MacBook/iMac (eða macOS á Apple tækjum), þar sem Xcode keyrir opinberlega aðeins á macOS.
2. Xcode (ókeypis niðurhal frá Mac App Store). Xcode inniheldur kóðavinnsluforrit, iPhone hermi og verkfæri til að smíða og kembja forrit.
3. Swift (innifalið í Xcode).
4. (Valfrjálst) Apple Developer reikningur fyrir uppsetningu á raunverulegum tækjum og birtingu í App Store.
Þegar Xcode hefur verið sett upp skaltu opna forritið og bíða eftir að uppsetningarferli viðbótaríhluta ljúki ef þörf krefur.
-
2. Búðu til nýtt verkefni í Xcode
1. Opnaðu Xcode.
2. Veldu Búa til nýtt Xcode verkefni.
3. Í sniðmátshlutanum skaltu velja:
– iOS
– Forrit
4. Smelltu á Næsta og fylltu síðan út verkefnisstillingarnar:
– Vöruheiti: til dæmis „HelloSwiftApp“
– Lið: veldu aðganginn þinn (getur verið autt ef þú ert ekki innskráð(ur))
– Auðkenni stofnunar: til dæmis `com.devname`
– Viðmót: veldu SwiftUI (nútímalegra og einfaldara fyrir byrjendur)
Athugið: Ef þú vilt UIKit geturðu valið Storyboard, en þessi kennsla fjallar um SwiftUI.
– Tungumál: Hraðvirkt
5. Smelltu á Næsta og veldu geymslustað verkefnisins og smelltu síðan á Stofna.
Þegar verkefnið hefur verið búið til sérðu skráarskipan eins og `HelloSwiftAppApp.swift` og `ContentView.swift`.
-
3. Að skilja grunnbyggingu SwiftUI verkefnis
Í SwiftUI er upphafspunktur forrits venjulega skráin `YourAppNameApp.swift`. Til dæmis:
„snöggt“
flytja inn SwiftUI
@aðal
uppbygging HelloSwiftAppApp: App {
var líkami: einhver vettvangur {
Gluggahópur {
Efnissýn()
}
}
}
„“
Stutt útskýring:
– `@main` markar upphafspunkt forritsins.
– `WindowGroup` er aðalsýnarílátið.
– `ContentView()` er fyrsta sýnin sem birtist.
Á sama tíma inniheldur `ContentView.swift` aðalsýnina:
„snöggt“
flytja inn SwiftUI
uppbygging Innihaldssýn: Skoða {
var líkami: sumir Skoða {
Texti („Halló, heimur!“)
.fylling()
}
}
„“
-
4. Að búa til einfalt notendaviðmót: „Fljótleg glósuforrit“
Til að gera hlutina áhugaverðari munum við búa til einfalt forrit sem kallast „Flýtileiðir“ sem gerir notendum kleift að slá inn minnispunkta og birta þær sem lista.
Skref 1: Að búa til stöður fyrir inntak og lista
Breyttu `ContentView.swift` í:
„snöggt“
flytja inn SwiftUI
uppbygging Innihaldssýn: Skoða {
@State einkabreyta athugasemdTexti: Strengur = „“
@State einkabreytu athugasemdir: [Strengur] = []
var líkami: sumir Skoða {
Leiðsögusýn {
VStack(bil: 16) {
TextField(“Skrifaðu athugasemd…”, texti: $noteText)
.textFieldStyle(RoundedBorderTextFieldStyle())
.padding(.horizontal)
Hnappur(aðgerð: bæta við athugasemd) {
Texti („Bæta við athugasemd“)
.rammi(hámarksbreidd: .óendanlegt)
}
.buttonStyle(.borderedProminent)
.padding(.horizontal)
Listi {
Fyrir hverja(athugasemdir, auðkenni: \.self) { athugasemd í
Texti (athugasemd)
}
.onDelete(framkvæma: eyðaAthugasemd)
}
}
.navigationTitle(“Fljótlegar athugasemdir”)
}
}
einkafall addNote() {
láta snyrt = noteText.trimmingCharacters(in: .whitespacesAndNewlines)
vörður !snyrt.erTómt annars { skila }
athugasemdir.setja inn(klippt, við: 0)
athugasemdTexti = „“
}
private func deleteAthugasemd(á móti: IndexSet) {
athugasemdir.fjarlægja(atOffsets: offsets)
}
}
„“
-
5. Mikilvæg útskýring á kóða
Nokkur lykilhugtök sem þarf að skilja:
– @State: Notað til að geyma gögn sem munu breytast og virkja notendaviðmótið til að uppfæra í samræmi við það.
– `noteText` geymir innsláttartextann.
– `notes` geymir lista yfir athugasemdir.
– TextField : Textainnsláttarþáttur.
Að binda `text: $noteText` þýðir að TextField er beintengt við `noteText` stöðuna.
– Hnappur(aðgerð:): Hnappur til að keyra `addNote()` fallið.
– Listi + ForEach: Birtir gögn í listaformi.
`id: \.self` er notað vegna þess að hluturinn er einstakur strengur (til dæmis).
– onDelete: Leyfir að eyða hlutum af listanum með strjúkhreyfingu.
-
6. Keyrsla forritsins í hermiranum
Til að keyra forritið:
1. Efst í Xcode skaltu velja tækið sem þú vilt nota, til dæmis iPhone 15 (Simulator).
2. Smelltu á Keyra hnappinn (þríhyrningstáknið ▶).
3. Hermirinn opnast og forritið keyrir síðan sjálfkrafa.
Prófaðu að skrifa athugasemd, ýta á hnappinn „Bæta við athugasemd“ og sjá hana birtast á listanum. Strjúktu hvaða atriði sem er til vinstri til að eyða því.
-
7. Einföld villuleit
Þegar forrit virkar ekki eins og búist var við geturðu:
– Skoðaðu villuskráningar í kembiforritavalmyndinni neðst í Xcode.
– Bætti við `print()` til að athuga breytugildi:
„snöggt“
prenta(„Athugasemd bætt við:“, klippt)
„“
Að auki býður Xcode upp á brotpunktsaðgerð til að stöðva forritið á tiltekinni línu svo þú getir skoðað innihald breyta.
-
8. Að bæta forrit: Gagnaprófun og geymsla
Forritið hér að ofan geymir enn minnispunkta tímabundið (þær hverfa þegar forritinu er lokað). Fyrir næsta þróunarstig er hægt að bæta við:
1. Staðbundin geymsla (sjálfgefin stillingar notanda)
Vistaðu fylki af athugasemdum í UserDefaults til að geyma þær eftir að forritinu er lokað.
2. Gagnagrunnur (kjarnagögn/SQLite)
Hentar fyrir flóknari gögn.
3. Breyta glósum
Búðu til smáatriðasýn til að breyta færslunni.
4. Aðlaðandi notendaviðmót
Bættu við táknum, litum og hreinna útliti.
Sem einfalt skref er hægt að byrja á að vista færslur í `UserDefaults` með því að nota `JSONEncoder` og `JSONDecoder`.
-
9. Kesimpulan
Swift og SwiftUI bjóða upp á nútímalega og hraða leið til að smíða iOS forrit. Í þessari kennslu lærðir þú hvernig á að búa til nýtt iOS verkefni, skilja grunnbyggingu SwiftUI forrits, smíða einfalt notendaviðmót með textareitum, hnöppum og listum og keyra forritið í hermiranum. Þó að forritið sé enn einfalt er þessi grunnur nauðsynlegur til að halda áfram í flóknari eiginleika eins og gagnageymslu, síðuflakk og API-samþættingu.
Ef þú vilt get ég líka hjálpað þér að búa til flóknari útgáfur af þessari kennslu, eins og að bæta við varanlegri geymslu með UserDefaults/Core Data, búa til upplýsingasíðu með NavigationStack eða búa til app sem sækir gögn af internetinu með URLSession.
