Pamoka apie iOS programų kūrimą naudojant Swift
Kurti „iOS“ programas dar niekada nebuvo taip paprasta dėl išsamios „Apple“ kūrimo ekosistemos, naudojant „Xcode“ ir „Swift“ programavimo kalbą. Šiame straipsnyje sužinosite pagrindinį „iOS“ programos kūrimo naudojant „Swift“ procesą – nuo įrankių nustatymo, naujo projekto sukūrimo, sąsajos dizaino ir programos paleidimo simuliatoriuje. Nors ši pamoka yra įvadinė, žingsnių turėtų pakakti, kad sukurtumėte paprastą, veikiančią programą.
-
1. Įrankių ir reikalavimų paruošimas
Prieš pradėdami rašyti kodą, įsitikinkite, kad turite šiuos įrenginius ir programinę įrangą:
1. „MacBook“ / „iMac“ (arba „macOS“ „Apple“ įrenginiuose), nes „Xcode“ oficialiai veikia tik „macOS“.
2. „Xcode“ (nemokamai atsisiunčiama iš „Mac App Store“). „Xcode“ apima kodo rengyklę, „iPhone“ simuliatorių ir kūrimo bei derinimo įrankius.
3. „Swift“ (įtraukta į „Xcode“).
4. (Nebūtina) „Apple Developer“ paskyra, skirta diegimui fiziniuose įrenginiuose ir publikavimui „App Store“.
Įdiegę „Xcode“, atidarykite programą ir palaukite, kol bus baigtas papildomų komponentų diegimo procesas, jei reikia.
-
2. Sukurkite naują projektą „Xcode“
1. Atidarykite „Xcode“.
2. Pasirinkite „Sukurti naują „Xcode“ projektą“.
3. Šablono skiltyje pasirinkite:
– iOS
– Programėlė
4. Spustelėkite „Toliau“ ir užpildykite projekto konfigūraciją:
– Produkto pavadinimas: pavyzdžiui, „HelloSwiftApp“
– Komanda: pasirinkite savo paskyrą (gali būti tuščias, jei nesate prisijungę)
– Organizacijos identifikatorius: pavyzdžiui, `com.devname`
– Sąsaja: rinkitės „SwiftUI“ (modernesnę ir paprastesnę pradedantiesiems)
Pastaba: jei norite UIKit, galite pasirinkti „Storyboard“, tačiau šiame vadove daugiausia dėmesio skiriama „SwiftUI“.
– Kalba: Swift
5. Spustelėkite „Toliau“ ir pasirinkite projekto saugojimo vietą, tada spustelėkite „Sukurti“.
Sukūrus projektą, matysite failų struktūrą, pvz., „HelloSwiftAppApp.swift“ ir „ContentView.swift“.
-
3. Pagrindinės „SwiftUI“ projekto struktūros supratimas
„SwiftUI“ aplinkoje programos pradinis taškas paprastai yra failas `YourAppNameApp.swift`. Pavyzdžiui:
"greita
importuoti SwiftUI
@main
struktūra „HelloSwiftAppApp“: Programa {
var body: kažkokia scena {
Langų grupė {
Turinio peržiūra()
}
}
}
„“
Trumpas paaiškinimas:
– `@main` žymi programos įėjimo tašką.
– „WindowGroup“ yra pagrindinis rodinio konteineris.
– `ContentView()` yra pirmasis rodomas rodinys.
Tuo tarpu `ContentView.swift` faile yra pagrindinis rodinys:
"greita
importuoti SwiftUI
struct ContentView: Žiūrėti {
var body: some View {
Tekstas („Sveikas, pasauli!“)
.padding()
}
}
„“
-
4. Paprastos vartotojo sąsajos kūrimas: programėlė „Greitos pastabos“
Kad būtų įdomiau, sukursime paprastą programėlę pavadinimu „Greitos pastabos“, kuri leis vartotojams rašyti pastabas ir jas rodyti kaip sąrašą.
1 veiksmas: įvesties ir sąrašo būsenų kūrimas
Pakeiskite `ContentView.swift` į:
"greita
importuoti SwiftUI
struct ContentView: Žiūrėti {
@State privatus kintamasis noteText: String = „”
@State private var notes: [String] = []
var body: some View {
Navigacijos rodinys {
VStack(tarpai: 16) {
TextField(„Parašykite pastabą…“, tekstas: $noteText)
.textFieldStyle(SuapvalintaKraštinėTextFieldStyle())
.padding(.horizontal)
Mygtukas(veiksmas: addNote) {
Tekstas („Pridėti pastabą“)
.frame(maksimalus plotis: .infinity)
}
.buttonStyle(.borderedProminent)
.padding(.horizontal)
Sąrašas {
ForEach(pastabos, id: \.self) { pastaba į
Tekstas (pastaba)
}
.onDelete(atlikti: deleteNote)
}
}
.navigationTitle(„Trumpos pastabos“)
}
}
privati funkcija addNote() {
tegul apkarpyta = noteText.trimmingCharacters(in: .whitespacesAndNewlines)
apsauga !trimmed.isEmpty, kitaip { return }
notes.insert(trimmed, ties: 0)
noteText = „”
}
privati funkcija deletePastaba(esant poslinkiams: IndexSet) {
notes.remove(atOffsets: poslinkiai)
}
}
„“
-
5. Svarbaus kodo paaiškinimas
Keletas pagrindinių sąvokų, kurias reikia suprasti:
– @State: Naudojama duomenims, kurie pasikeis ir atitinkamai atnaujins vartotojo sąsają, saugoti.
– `noteText` saugo įvesties tekstą.
– „notes“ saugo užrašų sąrašą.
– „TextField“: teksto įvesties komponentas.
Susiejimas `text: $noteText` reiškia, kad TextField yra tiesiogiai sujungtas su `noteText` būsena.
– Mygtukas(veiksmas:) : Mygtukas, skirtas paleisti funkciją `addNote()`.
– „List“ + „ForEach“: rodo duomenis sąrašo formatu.
`id: \.self` naudojamas, nes elementas yra unikali eilutė (paprastam pavyzdžiui).
– „onDelete“: leidžia ištrinti elementus iš sąrašo braukimo gestu.
-
6. Programos paleidimas simuliatoriuje
Norėdami paleisti programą:
1. „Xcode“ viršuje pasirinkite tikslinį įrenginį, pvz., „iPhone 15“ (simuliatorius).
2. Spustelėkite mygtuką „Vykdyti“ (trikampio piktograma ▶).
3. Atsidarys simuliatorius, tada programa veiks automatiškai.
Pabandykite įvesti pastabą, paspausti mygtuką „Pridėti pastabą“ ir pamatysite, kaip ji atsiranda sąraše. Braukite bet kurį elementą į kairę, kad jį ištrintumėte.
-
7. Paprastas derinimas
Kai programa neveikia taip, kaip tikėtasi, galite:
– Klaidų žurnalus ieškokite derinimo konsolės skydelyje, esančiame „Xcode“ apačioje.
– Pridėta `print()` funkcija kintamųjų reikšmėms tikrinti:
"greita
print(„Pastaba pridėta:“, apkirpta)
„“
Be to, „Xcode“ teikia pertraukos taško funkciją, skirtą sustabdyti programą konkrečioje eilutėje, kad galėtumėte patikrinti kintamųjų turinį.
-
8. Taikomųjų programų tobulinimas: duomenų patvirtinimas ir saugojimas
Aukščiau pateikta programa vis dar laikinai saugo užrašus (jie išnyks uždarius programą). Kitame kūrimo etape galite pridėti:
1. Vietinė saugykla (vartotojo numatytosios reikšmės)
Įrašykite užrašų masyvą į „UserDefaults“, kad jis išliktų uždarius programą.
2. Duomenų bazė (pagrindiniai duomenys / SQLite)
Tinka sudėtingesniems duomenims.
3. Redaguoti užrašus
Sukurkite išsamios informacijos rodinį, kad galėtumėte modifikuoti įrašą.
4. Patrauklesnė vartotojo sąsaja
Pridėkite piktogramas, spalvas ir aiškesnį išdėstymą.
Paprastas žingsnis – pradėti įrašant įrašus į `UserDefaults` naudodami `JSONEncoder` ir `JSONDecoder`.
-
9. Kesimpulanas
„Swift“ ir „SwiftUI“ suteikia modernų ir greitą būdą kurti „iOS“ programas. Šioje mokomojoje medžiagoje sužinojote, kaip sukurti naują „iOS“ projektą, suprasti pagrindinę „SwiftUI“ programos struktūrą, sukurti paprastą vartotojo sąsają su teksto laukais, mygtukais ir sąrašais ir paleisti programą simuliatoriuje. Nors programa vis dar paprasta, šis pagrindas yra būtinas norint pereiti prie sudėtingesnių funkcijų, tokių kaip duomenų saugykla, puslapio naršymas ir API integracija.
Jei norite, taip pat galiu padėti jums sukurti sudėtingesnes šios pamokos versijas, pvz., pridėti nuolatinę saugyklą naudojant „UserDefaults/Core Data“, sukurti išsamios informacijos puslapį naudojant „NavigationStack“ arba sukurti programėlę, kuri nuskaito duomenis iš interneto naudodama „URLSession“.
