Samouczek tworzenia aplikacji iOS za pomocą języka Swift
Tworzenie aplikacji na iOS nigdy nie było prostsze dzięki kompleksowemu ekosystemowi programistycznemu Apple opartemu na Xcode i języku programowania Swift. W tym artykule poznasz podstawowe zasady tworzenia aplikacji na iOS w Swifcie, od konfiguracji narzędzi, przez utworzenie nowego projektu, projektowanie interfejsu, po uruchomienie aplikacji w symulatorze. Chociaż ten samouczek ma charakter wprowadzający, kroki powinny wystarczyć, aby stworzyć prostą, działającą aplikację.
Do
1. Przygotowanie narzędzi i wymagań
Zanim zaczniesz pisać kod , upewnij się, że masz następujące urządzenia i oprogramowanie:
1. MacBook/iMac (lub macOS na urządzeniach Apple), ponieważ oficjalnie Xcode działa tylko na systemie macOS.
2. Xcode (do bezpłatnego pobrania z Mac App Store). Xcode zawiera edytor kodu, symulator iPhone'a oraz narzędzia do kompilacji i debugowania.
3. Swift (dołączony do Xcode).
4. (Opcjonalnie) Konto Apple Developer do instalacji na urządzeniach fizycznych i publikowania w App Store.
Po zainstalowaniu Xcode otwórz aplikację i poczekaj, aż zakończy się proces instalacji dodatkowych komponentów, jeśli będzie to konieczne.
Do
2. Utwórz nowy projekt w Xcode
1. Otwórz Xcode.
2. Wybierz opcję Utwórz nowy projekt Xcode.
3. W sekcji szablonu wybierz:
- iOS
- Aplikacja
4. Kliknij Dalej, a następnie wprowadź konfigurację projektu:
– Nazwa produktu: na przykład `HelloSwiftApp`
– Zespół: wybierz swoje konto (może być puste, jeśli nie jesteś zalogowany)
– Identyfikator organizacji: na przykład `com.devname`
– Interfejs: wybierz SwiftUI (bardziej nowoczesny i prostszy dla początkujących)
Uwaga: Jeśli chcesz UIKit, możesz wybrać Storyboard, ale ten samouczek skupia się na SwiftUI.
– Język: szybki
5. Kliknij Dalej i wybierz lokalizację przechowywania projektu, a następnie kliknij Utwórz.
Po utworzeniu projektu zobaczysz strukturę plików, taką jak `HelloSwiftAppApp.swift` i `ContentView.swift`.
Do
3. Zrozumienie podstawowej struktury projektu SwiftUI
W SwiftUI punktem początkowym aplikacji jest zazwyczaj plik „YourAppNameApp.swift”. Na przykład:
„szybki
importuj SwiftUI
@główny
struktura HelloSwiftAppApp: Aplikacja {
var body: some Scene {
GrupaOkna {
Widok zawartości()
}
}
}
„„
Krótkie wyjaśnienie:
– `@main` oznacza punkt wejścia aplikacji.
– `WindowGroup` jest głównym kontenerem widoku.
– `ContentView()` jest pierwszym wyświetlanym widokiem.
Tymczasem `ContentView.swift` zawiera widok główny:
„szybki
importuj SwiftUI
struktura ContentView: Zobacz {
var body: niektóre Zobacz {
Tekst(“Witaj, świecie!”)
.wyściółka()
}
}
„„
Do
4. Tworzenie prostego interfejsu użytkownika: aplikacja „Szybkie notatki”
Żeby było ciekawiej, stworzymy prostą aplikację o nazwie „Szybkie notatki”, która pozwoli użytkownikom wpisywać notatki i wyświetlać je w formie listy.
Krok 1: Tworzenie stanów dla danych wejściowych i listy
Zmień `ContentView.swift` na:
„szybki
importuj SwiftUI
struktura ContentView: Zobacz {
@State prywatna zmienna noteText: String = “”
@State prywatna zmienna notatki: [String] = []
var body: niektóre Zobacz {
Widok nawigacyjny {
VStack(odstęp: 16) {
TextField(“Napisz notatkę…”, tekst: $noteText)
.textFieldStyle(StylZaokrąglonegoPolaTekstuObramowania())
.wypełnienie(.poziome)
Przycisk(akcja: dodaj notatkę) {
Tekst(“Dodaj notatkę”)
.frame(szerokość maksymalna: .infinity)
}
.buttonStyle(.bordinateProminent)
.wypełnienie(.poziome)
Lista {
ForEach(uwagi, id: \.self) { uwaga w
Tekst (uwaga)
}
.onDelete(wykonaj: usuńnotatkę)
}
}
.navigationTitle(“Szybkie notatki”)
}
}
prywatna funkcja addNote() {
niech przycięto = noteText.trimmingCharacters(w: .whitespacesAndNewlines)
strażnik !trimmed.isEmpty else { return }
notatki.wstaw(przycięte, w: 0)
uwagaTekst = „”
}
funkcja prywatna usuńNote(przy przesunięciach: IndexSet) {
notatki.usuń(atOffsets: przesunięcia)
}
}
„„
Do
5. Ważne wyjaśnienie kodu
Oto kilka kluczowych pojęć, które warto zrozumieć:
– @State: Służy do przechowywania danych, które ulegną zmianie i powodują odpowiednią aktualizację interfejsu użytkownika.
– `noteText` przechowuje tekst wejściowy.
– `notes` przechowuje listę notatek.
– TextField: Komponent wprowadzania tekstu.
Powiązanie `text: $noteText` oznacza, że pole TextField jest bezpośrednio połączone ze stanem `noteText`.
– Button(action:) : Przycisk uruchamiający funkcję `addNote()`.
– Lista + ForEach: Wyświetla dane w formie listy.
Użyto `id: \.self`, ponieważ element jest unikalnym ciągiem znaków (na przykład).
– onDelete: Umożliwia usuwanie elementów z listy za pomocą gestu przesunięcia.
Do
6. Uruchamianie aplikacji w symulatorze
Aby uruchomić aplikację:
1. W górnej części Xcode wybierz urządzenie docelowe, na przykład iPhone 15 (symulator).
2. Kliknij przycisk Uruchom (ikona trójkąta ▶).
3. Symulator zostanie otwarty, a aplikacja uruchomi się automatycznie.
Spróbuj wpisać notatkę, nacisnąć przycisk „Dodaj notatkę” i zobaczyć, jak pojawi się na liście. Przesuń dowolny element w lewo, aby go usunąć.
Do
7. Proste debugowanie
Jeśli aplikacja nie działa zgodnie z oczekiwaniami, możesz:
– Sprawdź panel Konsoli debugowania na dole Xcode, aby zapoznać się z dziennikami błędów.
– Dodano `print()` w celu sprawdzenia wartości zmiennych:
„szybki
print(“Uwaga dodana:”, przycięto)
„„
Ponadto Xcode udostępnia funkcję punktów przerwania, która pozwala zatrzymać program na określonym wierszu, dzięki czemu można sprawdzić zawartość zmiennych.
Do
8. Ulepszanie aplikacji: Walidacja i przechowywanie danych
Powyższa aplikacja nadal tymczasowo przechowuje notatki (znikną one po zamknięciu aplikacji). Na kolejnym etapie rozwoju możesz dodać:
1. Pamięć lokalna (domyślne ustawienia użytkownika)
Zapisuje tablicę notatek w UserDefaults, aby zachować je po zamknięciu aplikacji.
2. Baza danych (Core Data/SQLite)
Nadaje się do bardziej złożonych danych.
3. Funkcja edycji notatek
Utwórz widok szczegółowy, aby zmodyfikować rekord.
4. Bardziej atrakcyjny interfejs użytkownika
Dodaj ikony, kolory i bardziej przejrzysty układ.
Prostym krokiem jest zapisanie rekordów w `UserDefaults` przy użyciu `JSONEncoder` i `JSONDecoder`.
Do
9. Kesimpulan
Język Swift i SwiftUI oferują nowoczesny i szybki sposób tworzenia aplikacji na iOS. W tym samouczku nauczysz się, jak utworzyć nowy projekt iOS, zrozumieć podstawową strukturę aplikacji SwiftUI, zbudować prosty interfejs użytkownika z polami tekstowymi, przyciskami i listami oraz uruchomić aplikację w symulatorze. Chociaż aplikacja jest nadal prosta, ta podstawa jest niezbędna do przejścia do bardziej złożonych funkcji, takich jak przechowywanie danych, nawigacja po stronach i integracja z API.
Jeśli chcesz, mogę pomóc Ci także w utworzeniu bardziej zaawansowanych wersji tego samouczka, np. dodaniu trwałej pamięci masowej za pomocą UserDefaults/Core Data, utworzeniu strony szczegółów za pomocą NavigationStack lub utworzeniu aplikacji pobierającej dane z Internetu za pomocą URLSession.
