Tiwtorial ar Greu Apiau iOS Gan Ddefnyddio Swift
Nid yw adeiladu apiau iOS erioed wedi bod yn haws diolch i ecosystem datblygu cynhwysfawr Apple trwy Xcode a'r iaith raglennu Swift. Yn yr erthygl hon, byddwch chi'n dysgu llif sylfaenol adeiladu ap iOS gan ddefnyddio Swift, o sefydlu'r offer, creu prosiect newydd, dylunio'r rhyngwyneb, a rhedeg yr ap yn yr efelychydd. Er bod y tiwtorial hwn yn gyflwyniadol, dylai'r camau fod yn ddigon i'ch helpu i greu ap syml, sy'n gweithio.
-
1. Paratoi Offer a Gofynion
Cyn i chi ddechrau ysgrifennu cod , gwnewch yn siŵr bod gennych y dyfeisiau a'r feddalwedd ganlynol:
1. MacBook/iMac (neu macOS ar ddyfeisiau Apple), gan mai dim ond ar macOS y mae Xcode yn rhedeg yn swyddogol.
2. Xcode (lawrlwythiad am ddim o'r Mac App Store). Mae Xcode yn cynnwys golygydd cod, efelychydd iPhone, ac offer adeiladu a dadfygio.
3. Swift (wedi'i gynnwys yn Xcode).
4. (Dewisol) Cyfrif Datblygwr Apple ar gyfer gosod ar ddyfeisiau ffisegol a chyhoeddi i'r App Store.
Ar ôl i Xcode gael ei osod, agorwch y rhaglen ac aros i'r broses osod cydrannau ychwanegol gwblhau os oes angen.
-
2. Creu Prosiect Newydd yn Xcode
1. Agorwch Xcode.
2. Dewiswch Creu prosiect Xcode newydd.
3. Yn yr adran templed, dewiswch:
– iOS
– Ap
4. Cliciwch Nesaf, yna llenwch gyfluniad y prosiect:
– Enw’r Cynnyrch: er enghraifft `HelloSwiftApp`
– Tîm: dewiswch eich cyfrif (gall fod yn wag os nad ydych wedi mewngofnodi)
– Dynodwr Sefydliad: er enghraifft `com.devname`
– Rhyngwyneb: dewiswch SwiftUI (mwy modern a symlach i ddechreuwyr)
Nodyn: Os ydych chi eisiau UIKit, gallwch chi ddewis Storyboard, ond mae'r tiwtorial hwn yn canolbwyntio ar SwiftUI.
– Iaith: Cyflym
5. Cliciwch Nesaf a dewiswch leoliad storio'r prosiect, yna cliciwch Creu.
Unwaith y bydd y prosiect wedi'i greu, fe welwch strwythur ffeil fel `HelloSwiftAppApp.swift` a `ContentView.swift`.
-
3. Deall Strwythur Sylfaenol Prosiect SwiftUI
Yn SwiftUI, man cychwyn cymhwysiad fel arfer yw'r ffeil `YourAppNameApp.swift`. Er enghraifft:
"`cyflym
mewnforio SwiftUI
@main
strwythur HelloSwiftAppApp: Ap {
corff var: rhywfaint o Olygfa {
Grŵp Ffenestri {
GolwgGynnwys()
}
}
}
“`
Esboniad byr:
– Mae `@main` yn nodi pwynt mynediad y rhaglen.
– `WindowGroup` yw'r prif gynhwysydd golygfa.
– `ContentView()` yw'r olygfa gyntaf a ddangosir.
Yn y cyfamser, mae `ContentView.swift` yn cynnwys y prif olygfa:
"`cyflym
mewnforio SwiftUI
strwythur CynnwysGolwg: Golwg {
corff var: rhywfaint o Olygfa {
Testun(“Helo, byd!”)
.padin()
}
}
“`
-
4. Creu UI Syml: Ap “Nodiadau Cyflym”
I wneud pethau'n fwy diddorol, byddwn yn creu cymhwysiad syml o'r enw “Nodiadau Cyflym” sy'n caniatáu i ddefnyddwyr deipio nodiadau a'u harddangos fel rhestr.
Cam 1: Creu Cyflyrau ar gyfer Mewnbwn a Rhestr
Newidiwch `ContentView.swift` i:
"`cyflym
mewnforio SwiftUI
strwythur CynnwysGolwg: Golwg {
@State preifat var noteText: Llinyn = “”
@State nodiadau amrywiol preifat: [String] = []
corff var: rhywfaint o Olygfa {
Golwg Mordwyo {
VStack(bylchau: 16) {
MaesTestun(“Ysgrifennwch nodyn…”, testun: $noteText)
.textFieldStyle(RoundedBorderTextFieldStyle())
.padding(.lorizontal)
Botwm(gweithred: ychwaneguNodyn) {
Testun(“Ychwanegu Nodyn”)
.ffrâm(LledUchaf: .anfeidredd)
}
.buttonStyle(.borderedProminent)
.padding(.lorizontal)
Rhestr {
Ar gyfer Pob(nodiadau, id: \.hunan) { nodyn yn
Testun (nodyn)
}
.onDelete(perform: dileuNodyn)
}
}
.navigationTitle(“Nodiadau Cyflym”)
}
}
ffwythiant preifat addNote() {
gadewch i docio = noteText.trimmingCharacters(mewn: .whitespacesANewlines)
gwarchodwr !tocio.isGwag fel arall { dychwelyd }
nodiadau.mewnosod(wedi'i docio, yn: 0)
Testun nodyn = “”
}
swyddogaeth breifat deleteNote(wrth wrthbwyso: IndexSet) {
nodiadau.tynnu(atOffsets: gwrthbwysau)
}
}
“`
-
5. Esboniad Pwysig o'r Cod
Rhai cysyniadau allweddol i'w deall:
– @State: Fe'i defnyddir i storio data a fydd yn newid ac yn sbarduno'r rhyngwyneb defnyddiwr i ddiweddaru yn unol â hynny.
– mae `noteText` yn storio'r testun mewnbwn.
– mae `nodiadau` yn storio rhestr o nodiadau.
– TextField : Cydran mewnbwn testun.
Mae rhwymo `text: $noteText` yn golygu bod y TextField wedi'i gysylltu'n uniongyrchol â'r cyflwr `noteText`.
– Botwm(gweithred:) : Botwm i redeg y ffwythiant `addNote()`.
– Rhestr + Ar GyferPob Un: Yn dangos data ar ffurf rhestr.
Defnyddir `id: \.self` oherwydd bod yr eitem yn llinyn unigryw (er enghraifft syml).
– onDelete : Yn caniatáu dileu eitemau o'r rhestr gydag ystum swipe.
-
6. Rhedeg y Cymhwysiad yn yr Efelychydd
I redeg y rhaglen:
1. Ar frig Xcode, dewiswch y ddyfais darged, er enghraifft iPhone 15 (Efelychydd).
2. Cliciwch y botwm Rhedeg (eicon triongl ▶).
3. Bydd yr efelychydd yn agor, yna bydd y rhaglen yn rhedeg yn awtomatig.
Rhowch gynnig ar deipio nodyn, pwyso'r botwm “Ychwanegu Nodyn”, a'i weld yn ymddangos yn y rhestr. Sweipiwch unrhyw eitem i'r chwith i'w dileu.
-
7. Dadfygio Syml
Pan nad yw rhaglen yn gweithio fel y disgwylir, gallwch:
– Edrychwch ar y panel Dadfygio Consol ar waelod Xcode am logiau gwallau.
– Ychwanegwyd `print()` i wirio gwerthoedd newidynnau:
"`cyflym
print(“Nodyn wedi’i ychwanegu:”, wedi’i docio)
“`
Yn ogystal, mae Xcode yn darparu nodwedd torri pwynt i atal y rhaglen ar linell benodol fel y gallwch archwilio cynnwys newidynnau.
-
8. Gwella Cymwysiadau: Dilysu a Storio Data
Mae'r rhaglen uchod yn dal i storio nodiadau dros dro (byddant yn diflannu pan fydd y rhaglen yn cael ei chau). Ar gyfer y cam datblygu nesaf, gallwch ychwanegu:
1. Storio Lleol (Diofynion Defnyddiwr)
Cadwch arae o nodiadau i UserDefaults i barhau ar ôl i'r rhaglen gau.
2. Cronfa Ddata (Data Craidd/SQLite)
Addas ar gyfer data mwy cymhleth.
3. Nodwedd Golygu Nodiadau
Creu golwg fanwl i addasu'r cofnod.
4. UI Mwy Deniadol
Ychwanegwch eiconau, lliwiau, a chynllun glanach.
Fel cam hawdd, gallwch ddechrau trwy gadw cofnodion i `UserDefaults` gan ddefnyddio `JSONEncoder` a `JSONDecoder`.
-
9. Diweddglo
Mae Swift a SwiftUI yn darparu ffordd fodern a chyflym o adeiladu apiau iOS. Yn y tiwtorial hwn, dysgoch sut i greu prosiect iOS newydd, deall strwythur sylfaenol ap SwiftUI, adeiladu UI syml gyda TextFields, Botymau, a Rhestrau, a rhedeg yr ap yn yr efelychydd. Er bod yr ap yn dal yn syml, mae'r sylfaen hon yn hanfodol ar gyfer symud ymlaen i nodweddion mwy cymhleth fel storio data, llywio tudalennau, ac integreiddio API.
Os hoffech chi, gallaf hefyd eich helpu i greu fersiynau mwy datblygedig o'r tiwtorial hwn, fel ychwanegu storfa barhaus gyda UserDefaults/Core Data, creu tudalen fanylion gyda NavigationStack, neu greu ap sy'n nôl data o'r rhyngrwyd gan ddefnyddio URLSession.
