Scenorysy zostały po raz pierwszy wprowadzone do programistów w wersji iOS 5. Dzięki nim programiści nie muszą projektować interfejsu każdego ekranu w innym pliku. Scenorys pozwala zobaczyć koncepcyjną makietę aplikacji jako całości i interakcje między każdym ekranem. Korzystając z płynów, możesz ustawić, w jaki sposób aplikacja będzie się przełączać między poszczególnymi ekranami i przekazywać dane. W tym samouczku pokażę Ci, jak utworzyć prosty ekran logowania do aplikacji.
Pierwsze kroki
Pierwszą rzeczą, którą będziesz chciał zrobić, jest stworzenie nowego projektu. Będziesz potrzebował nowej aplikacji obsługującej jeden ekran, ustawiającej język na Swift, a urządzenia na uniwersalny. Jeśli przejdziesz do scenorysu, powinieneś zobaczyć pustą scenę kontrolera widoku. Strzałka po lewej stronie kontrolera widoku wskazuje, że jest to główny kontroler.
Aby dodać etykiety do nazwy użytkownika i hasła, musisz przejść do pola w prawym dolnym rogu ekranu, wybrać okrąg z kwadratem, a następnie przeciągnąć i upuścić dwie etykiety w swoim widoku. Wybierając preferencje na pasku bocznym, możesz określić wiele ważnych parametrów. Jest ich zbyt wiele do omówienia, ale większość z nich nie wymaga wyjaśnień.
Dwa ważne dla nas to tekst zastępczy i pole wyboru bezpiecznego wprowadzania tekstu. Chcemy użyć tekstu zastępczego, aby poinformować użytkownika, jakie informacje są od niego wymagane, oraz bezpiecznego wpisu, aby ukryć hasło użytkownika. Po wykonaniu tej czynności potrzebujemy przycisku, aby uruchomić naszą segue. Możemy przeciągnąć jeden w taki sam sposób, jak zrobiliśmy pole tekstowe. Po nadaniu przycisku tytułu i rozmieszczeniu obiektów na ekranie powinny wyglądać następująco:
Teraz nasz pierwszy ekran aplikacji jest gotowy, więc musimy przejść do następnego. Zrób to, przeciągając na ekran drugi kontroler widoku. Aby połączyć dwa ekrany, musisz zrobić dwie rzeczy. Najpierw musisz kontrolować, kliknij przycisk i przeciągnij go do nowego dodanego ekranu. Następnie musisz wybrać okrąg między dwoma widokami. Będziesz musiał wtedy zmienić identyfikator na ścieżkę; w tym przykładzie użyję „nextScreen”
Na koniec umieścimy etykietę na nowym ekranie, abyśmy mogli zobaczyć użytkownika i sprawdzić, czy nasza aplikacja działa. Aby móc programowo uzyskać dostęp do pól ze scenorysu, będziemy musieli utworzyć dla nich punkty sprzedaży w klasie, która ich używa:
class FirstScreen: UIViewController {
@IBOutlet słaba nazwa użytkownika var: UITextField!
@IBAction func loginButton (sender: AnyObject) {
perfromSegueWithIdentifier („nextScreen”, sender: self)
}
}
class SecondScreen: UIViewController {
var użytkownik: String!
@IBOutlet słaba nazwa użytkownika var: UILabel!
override func viewDidload () {
nazwaużytkownika.text = użytkownik
}
}
Po wykonaniu tej czynności upewnij się, że łączysz obiekty ze scenorysu za pomocą inspektora połączeń na każdym ekranie. Twoje punkty sprzedaży powinny się pojawić i możesz kliknąć kółko po prawej stronie, aby je połączyć.
Ostatnią funkcją do zaimplementowania jest funkcja readyForSegue w klasie pierwszego ekranu. Pozwala to na przekazywanie danych do nowego widoku w następujący sposób:
override fun PreparatForSegue (following: UIStoryboardFollow, sender: AnyObject?) {
if segue.identifier == „nextScreen” {
niech destVC = continue.destinationViewController jako UIViewController
destVC.user = self.username
}
}
Teraz masz podstawową wiedzę na temat zmiany ekranów i przekazywania danych między nimi. To zapewni dobry początek tworzenia funkcjonalnych aplikacji i przyjemnego programowania!
2 minuty czytania
