Swift ашиглан iOS аппликейшн үүсгэх заавар
Apple-ийн Xcode болон Swift програмчлалын хэлээр дамжуулан цогц хөгжүүлэлтийн экосистемийн ачаар iOS аппликейшн бүтээх нь хэзээ ч ийм амархан байгаагүй. Энэ нийтлэлд та хэрэгслүүдийг тохируулах, шинэ төсөл үүсгэх, интерфэйсийг зохион бүтээх, симулятор дээр аппликейшнийг ажиллуулахаас эхлээд Swift ашиглан iOS аппликейшн бүтээх үндсэн үйл явцыг сурах болно. Энэхүү заавар нь танилцуулга боловч энгийн, ажилладаг аппликейшн бүтээхэд туслах алхмууд хангалттай байх ёстой.
-
1. Багаж хэрэгсэл, шаардлагыг бэлтгэх
Код бичиж эхлэхээсээ өмнө дараах төхөөрөмж болон програм хангамжтай эсэхээ шалгаарай.
1. MacBook/iMac (эсвэл Apple төхөөрөмжүүд дээрх macOS), учир нь Xcode нь албан ёсоор зөвхөн macOS дээр ажилладаг.
2. Xcode (Mac App Store-оос үнэгүй татаж авах). Xcode нь код засварлагч, iPhone симулятор, угсрах болон дибаг хийх хэрэгслүүдийг агуулдаг.
3. Swift (Xcode-д багтсан).
4. (Заавал биш) Физик төхөөрөмжүүдэд суулгах болон App Store дээр нийтлэх Apple Developer бүртгэл.
Xcode суулгасны дараа програмыг нээгээд шаардлагатай бол нэмэлт бүрэлдэхүүн хэсгүүдийг суулгах процесс дуусахыг хүлээнэ үү.
-
2. Xcode дээр шинэ төсөл үүсгэх
1. Xcode-г нээнэ үү.
2. Шинэ Xcode төсөл үүсгэх гэснийг сонгоно уу.
3. Загварын хэсэгт дараахыг сонгоно уу:
- iOS
– Апп
4. Дараах товчийг дарж, дараа нь төслийн тохиргоог бөглөнө үү:
– Бүтээгдэхүүний нэр: жишээ нь `HelloSwiftApp`
– Баг: бүртгэлээ сонгоно уу (хэрэв та нэвтэрээгүй бол хоосон байж болно)
– Байгууллагын танигч: жишээ нь `com.devname`
– Интерфэйс: SwiftUI-г сонгоно уу (анхан шатны хүмүүст илүү орчин үеийн, хялбар)
Тэмдэглэл: Хэрэв та UIKit хүсвэл Storyboard-г сонгож болно, гэхдээ энэ заавар нь SwiftUI дээр төвлөрдөг.
– Хэл: Свифт
5. Дараах товчийг дарж төслийн хадгалах байршлыг сонгоод, дараа нь Үүсгэх товчийг дарна уу.
Төсөл үүсгэсний дараа та `HelloSwiftAppApp.swift` болон `ContentView.swift` гэх мэт файлын бүтцийг харах болно.
-
3. SwiftUI төслийн үндсэн бүтцийг ойлгох нь
SwiftUI дээр програмын эхлэх цэг нь ихэвчлэн `YourAppNameApp.swift` файл байдаг. Жишээлбэл:
"`хурдан
SwiftUI импортлох
@main
бүтэц HelloSwiftAppApp: Апп {
var бие: зарим үзэгдэл {
Цонхны бүлэг {
КонтентView()
}
}
}
""
Товч тайлбар:
– `@main` нь програмын нэвтрэх цэгийг тэмдэглэнэ.
– `WindowGroup` нь үндсэн харах контейнер юм.
– `ContentView()` нь дэлгэцэнд гарч буй анхны харагдац юм.
Үүний зэрэгцээ, `ContentView.swift` нь үндсэн харагдацыг агуулж байна:
"`хурдан
SwiftUI импортлох
бүтэц ContentView: Харах {
var бие: зарим харах {
Текст ("Сайн уу, дэлхий!")
.padding()
}
}
""
-
4. Энгийн хэрэглэгчийн интерфэйс үүсгэх: “Түргэн тэмдэглэл” апп
Илүү сонирхолтой болгохын тулд бид хэрэглэгчдэд тэмдэглэл бичиж, жагсаалт хэлбэрээр харуулах боломжийг олгодог "Quick Notes" хэмээх энгийн програмыг үүсгэх болно.
Алхам 1: Оролт болон жагсаалтын төлөвүүдийг үүсгэх
`ContentView.swift`-г дараах байдлаар өөрчлөх:
"`хурдан
SwiftUI импортлох
бүтэц ContentView: Харах {
@State хувийн var noteText: String = “”
@State хувийн var тэмдэглэл: [String] = []
var бие: зарим харах {
Навигацийн Харагдац {
VStack (зай: 16) {
TextField(“Тэмдэглэл бичих...”, текст: $noteText)
.textFieldStyle(RoundedXarderTextFieldStyle())
.padding(.horizontal)
Товчлуур(үйлдэл: addNote) {
Текст (“Тэмдэглэл нэмэх”)
.frame(хамгийн их өргөн: .infinity)
}
.buttonStyle(.borderedProminent)
.padding(.horizontal)
Жагсаалт {
ForEach(notes, id:\.self) { note in
Текст (тэмдэглэл)
}
.onDelete(гүйцэтгэх: deleteNote)
}
}
.navigationGitle(“Түргэн тэмдэглэл”)
}
}
хувийн функц addNote() {
let trimming = noteText.trimmingCharacters(in: .whitespacesAndNewlines)
хамгаалагч !trimmed.isЭмпти өөрөөр {буцах}
тэмдэглэл.insert(тайрсан, 0 үед)
тэмдэглэл Текст = “”
}
private func deleteNote(офсет дээр: IndexSet) {
тэмдэглэл.remove(atOffsets: офсет)
}
}
""
-
5. Кодын чухал тайлбар
Ойлгох зарим гол ойлголтууд:
– @State : Өөрчлөгдөх өгөгдлийг хадгалах болон UI-г зохих ёсоор шинэчлэхэд ашигладаг.
– `noteText` нь оролтын текстийг хадгалдаг.
– `тэмдэглэл` нь тэмдэглэлийн жагсаалтыг хадгалдаг.
– TextField: Текст оруулах бүрэлдэхүүн хэсэг.
`текст: $noteText`-г холбох нь TextField нь `noteText` төлөвтэй шууд холбогдсон гэсэн үг юм.
– Button(action:) : `addNote()` функцийг ажиллуулах товчлуур.
– List + ForEach : Өгөгдлийг жагсаалт хэлбэрээр харуулна.
`id: \.self` нь тухайн зүйл нь өвөрмөц тэмдэгт мөр учраас ашиглагддаг (энгийн жишээнд).
– onDelete: Жагсаалтаас зүйлсийг шудрах дохиогоор устгахыг зөвшөөрнө.
-
6. Симулятор дээр програмыг ажиллуулах
Аппликейшнийг ажиллуулахын тулд:
1. Xcode-н дээд хэсэгт зорилтот төхөөрөмжийг сонгоно уу, жишээлбэл iPhone 15 (Симулятор).
2. Run товчийг дарна уу (гурвалжин дүрс ▶).
3. Симулятор нээгдэж, дараа нь програм автоматаар ажиллана.
Тэмдэглэл бичиж, “Тэмдэглэл нэмэх” товчийг дарж үзээрэй, тэгвэл жагсаалтад гарч ирэхийг харна уу. Устгахын тулд дурын зүйлийг зүүн тийш шударна уу.
-
7. Энгийн дибаг хийх
Аппликейшн хүссэнээр ажиллахгүй үед та дараах зүйлсийг хийж болно:
– Алдааны бүртгэлийг Xcode-ын доод хэсэгт байрлах Debug Console самбараас харна уу.
– Хувьсагчийн утгыг шалгахын тулд `print()`-г нэмсэн:
"`хурдан
хэвлэх(“Тэмдэглэл нэмсэн:”, тайрсан)
""
Үүнээс гадна, Xcode нь хувьсагчдын агуулгыг шалгахын тулд програмыг тодорхой мөрөнд зогсоох завсарлагааны функцийг өгдөг.
-
8. Хэрэглээний сайжруулалт: Өгөгдлийн баталгаажуулалт ба хадгалалт
Дээрх аппликейшн нь тэмдэглэлийг түр хугацаанд хадгалдаг хэвээр байна (аппликейшн хаагдахад тэдгээр нь алга болно). Хөгжүүлэлтийн дараагийн шатанд та дараах зүйлсийг нэмж болно:
1. Орон нутгийн хадгалалт (Хэрэглэгчийн анхдагч тохиргоо)
Аппликейшн хаагдсаны дараа хадгалагдахын тулд тэмдэглэлийн массивыг UserDefaults руу хадгална уу.
2. Өгөгдлийн сан (Core Data/SQLite)
Илүү нарийн төвөгтэй өгөгдөлд тохиромжтой.
3. Тэмдэглэл засах функц
Бичлэгийг өөрчлөхийн тулд дэлгэрэнгүй харагдац үүсгэнэ үү.
4. Илүү сэтгэл татам UI
Дүрс, өнгө, илүү цэвэрхэн зохион байгуулалт нэмнэ үү.
Хялбар алхам болгон та `JSONEncoder` болон `JSONDecoder` ашиглан бичлэгүүдийг `UserDefaults` руу хадгалж эхэлж болно.
-
9. Кесимпулан
Swift болон SwiftUI нь iOS аппликейшн бүтээх орчин үеийн бөгөөд хурдан аргыг санал болгодог. Энэхүү зааварт та шинэ iOS төсөл хэрхэн үүсгэх, SwiftUI аппликейшны үндсэн бүтцийг ойлгох, TextFields, Buttons, Lists ашиглан энгийн UI үүсгэх, мөн симулятор дээр аппликейшнийг ажиллуулах талаар суралцсан. Аппликейшн нь энгийн хэвээр байгаа ч энэ суурь нь өгөгдөл хадгалах, хуудасны навигаци, API интеграци гэх мэт илүү төвөгтэй функцууд руу шилжихэд зайлшгүй шаардлагатай.
Хэрэв та хүсвэл би энэ зааврын илүү дэвшилтэт хувилбаруудыг бий болгоход туслах болно, тухайлбал UserDefaults/Core Data ашиглан байнгын хадгалах сан нэмэх, NavigationStack ашиглан дэлгэрэнгүй хуудас үүсгэх, эсвэл URLSession ашиглан интернетээс өгөгдөл татаж авдаг апп үүсгэх гэх мэт.
