Zum Hauptinhalt springen

So richten Sie einen Navigationscontroller in Swift ein: Eine detaillierte Anleitung

Navigation Controller ist eines der Schlüsselelemente in vielen iOS-Apps. Es bietet eine einfache und einfache Navigation zwischen den verschiedenen Bildschirmen der App. Aber wie kann ich einen Navigationscontroller in einer in Swift geschriebenen Anwendung einrichten?

In diesem Leitfaden werden wir die Schritte untersuchen, mit denen Sie den Navigationscontroller in Ihrer Swift-App einrichten können. Zuerst müssen Sie ein neues Projekt in Xcode erstellen und die Vorlage "Single View App" auswählen. Sie können dann Ihrem Startbildschirm einen Navigationscontroller hinzufügen.

Dazu können Sie zur AppDelegate-Datei navigieren.swift und in der application(_:didFinishLaunchingWithOptions) -Methode:) fügen Sie den folgenden Code hinzu:

let mainViewController = MainViewController()

let navigationController = UINavigationController(rootViewController: mainViewController)

In diesem Code erstellen wir eine Instanz von UIViewController, die unser Hauptbildschirm ist, und erstellen dann einen Navigationscontroller mit diesem Hauptcontroller als Root-Controller. Dann setzen wir den erstellten Navigationscontroller als rootViewController des Anwendungsfensters.

Nachdem Sie diesen Code hinzugefügt haben, starten Sie die App und sehen Ihren Startbildschirm, der in den Navigationscontroller integriert ist. Jetzt können Sie ganz einfach andere Bildschirme hinzufügen und die Navigation zwischen ihnen mit dem Navigationscontroller steuern.

Verständnis des Navigationscontrollers in Swift

Der Navigation Controller in Swift ist ein Tool, mit dem Sie Übergänge zwischen verschiedenen Ansichten (View) in einer iOS-App verwalten können. Es bietet eine einfache und intuitive Navigation auf den Bildschirmen der Anwendung, sodass der Benutzer zu den vorherigen Bildschirmen zurückkehren und zu den nächsten wechseln kann.

Die Grundlage des Navigation Controllers ist der Ansichtsstapel, der alle Bildschirme der Anwendung speichert und verwaltet. Wenn der Benutzer zu einem neuen Bildschirm navigiert, wird die Ansicht dieses Bildschirms an die Spitze des Stapels hinzugefügt. Wenn der Benutzer einen umgekehrten Übergang durchführt, wird die Ansicht vom Stapel entfernt und der Benutzer kehrt zum vorherigen Bildschirm zurück.

Der Navigation Controller enthält auch eine Navigationsleiste (Navigation bar), die sich oben auf dem Bildschirm befindet und Schaltflächen zum Hin- und Herwechseln sowie einen Titel des aktuellen Bildschirms enthält. Dies bietet einen einheitlichen Stil und konsistentes Verhalten für alle Bildschirme der Anwendung.

Um einem Projekt in Swift einen Navigationscontroller hinzuzufügen, sind einige Schritte erforderlich. Erstellen Sie zunächst ein neues Projekt und fügen Sie den Navigationscontroller aus der Objektbibliothek hinzu. Dann müssen Sie den Navigationscontroller mit dem Hauptbildschirm (root view controller) über Links (segue) verknüpfen. Danach können Sie weitere Bildschirme hinzufügen und sie mit Übergängen verknüpfen.

Der Navigationscontroller in Swift bietet viele Möglichkeiten, das Aussehen und Verhalten der App-Navigation anzupassen. Sie können beispielsweise die Farbe und Schriftart von Titeln anpassen, benutzerdefinierte Schaltflächen zur Navigationsleiste hinzufügen und Animationen verwenden, wenn Sie zwischen den Bildschirmen wechseln.

Die Verwendung des Navigationscontrollers in Swift ist einer der wichtigsten Ansätze für die Organisation der Navigation in iOS-Apps. Es ermöglicht Ihnen, moderne und leicht zu verwaltende Benutzeroberflächen zu erstellen, die eine einfache und übersichtliche Navigation mit Vorwärts- und Rückwärtspfeilen ermöglichen.

Erstellen eines Navigationscontrollers

  1. Öffnen Sie das Projekt in Xcode und wählen Sie die Hauptanwendungsdatei aus (normalerweise eine Datei mit einer Erweiterung .swift).
  2. Importieren Sie die UIKit-Bibliothek, indem Sie am Anfang der Datei die folgende Codezeile hinzufügen:
  1. Erstellen Sie eine neue Instanz von UINavigationController, die als Navigationscontroller fungiert:

let navigationController = UINavigationController()

  1. Geben Sie an, dass der Navigation Controller der Root-Controller der Anwendung ist:
  1. Erstellen Sie eine neue Controller-Instanz, die der Root-Navigationscontroller ist:

let rootViewController = UIViewController()

  1. Fügen Sie dem Navigation Controller einen Root-Controller hinzu:

Jetzt haben Sie die Grundlage für die Konfiguration des Navigationscontrollers in Ihrem Projekt. Sie können zusätzliche Controller hinzufügen und die Übergänge zwischen ihnen mithilfe der Methoden und Eigenschaften des Navigationscontrollers konfigurieren.

Hinzufügen von View Controllern

Wenn Sie navigation controller in Ihrem Projekt verwenden, müssen Sie View Controllers für jeden Bildschirm Ihrer Anwendung hinzufügen. Der View Controller ist eine Komponente, die die Anzeige von Inhalten auf dem Bildschirm steuert und die Interaktion des Benutzers übernimmt.

Befolgen Sie diese Schritte, um einen neuen View Controller hinzuzufügen:

  1. Öffnen Sie Ihr Projekt in Xcode und suchen Sie nach einer Datei mit dem Namen "Main.storyboard". Es enthält Ihre Benutzeroberfläche.
  2. Erweitern Sie die Liste der Objekte im linken Bereich, und suchen Sie nach dem Objekt "View Controller".
  3. Ziehen Sie das Objekt "View Controller" auf Ihre Schnittstelle.
  4. Wählen Sie den neuen View Controller aus und klicken Sie im rechten Fensterbereich auf die Registerkarte "Identitätsinspektor".
  5. Geben Sie im Feld "Storyboard ID" eine eindeutige ID für den neuen View Controller an. Die ID kann verwendet werden, um mit anderen View Controllern in Ihrer Anwendung zu kommunizieren.

Nachdem Sie einen neuen View Controller hinzugefügt haben, können Sie ihn mit anderen View Controllern in Ihrer Anwendung verknüpfen, um eine Navigation zwischen den Bildschirmen zu erstellen. Dazu müssen Sie Segues verwenden, die bestimmen, wie der Benutzer zwischen den View Controllern wechseln soll.

Befolgen Sie diese Schritte, um einen Segue zwischen zwei View Controllern hinzuzufügen:

  1. Wählen Sie das Schaltflächenobjekt, die Tabelle oder ein anderes Benutzeroberflächenelement aus, von dem Sie einen Übergang erstellen möchten.
  2. Zeigen Sie mit der rechten Maustaste auf das Objekt und ziehen Sie den Cursor auf einen anderen View Controller.
  3. Wählen Sie den Segue-Typ aus, der Ihren Anforderungen entspricht. Zum Beispiel "Show" oder "Push" für einen normalen Übergang oder "Modal" für einen modalen Übergang.
  4. Klicken Sie im rechten Fensterbereich auf die Registerkarte "Attributes inspector" und geben Sie die Segue-ID im Feld "Identifier" ein.

Nachdem Sie ein Segment hinzugefügt haben, können Sie den Code verwenden, um Daten zwischen View Controllern zu übertragen oder zusätzliche Aktionen auszuführen, wenn Sie zu einem neuen Bildschirm wechseln.

Jetzt wissen Sie, wie Sie View Controllers hinzufügen und eine Navigation in Ihrem Projekt mit dem Navigationscontroller in Swift erstellen. Viel Spaß mit Ihrer App!

Einrichten der Navigationsleiste

Die Navigationsleiste ist eine Navigationsleiste, die oben auf dem Bildschirm angezeigt wird, wenn Sie den Navigation Controller verwenden. Damit können Sie das Aussehen und die Funktionalität der Navigationsleiste in Ihrer Anwendung anpassen.

Um die Navigationsleiste einzurichten, müssen Sie die folgenden Schritte ausführen:

1. Hinzufügen eines Navigationscontrollers

Der erste Schritt besteht darin, Ihrer Szene einen Navigationscontroller hinzuzufügen. Sie können dies programmgesteuert oder mit dem Interface Builder tun. Ziehen Sie einfach den navigation Controller auf Ihre Szene und verknüpfen Sie ihn mit Ihrem view controller.

2. Titel anpassen

Sie können den Titel Navigation Bar anpassen, der in der Mitte der Navigationsleiste angezeigt wird. Setzen Sie dazu einfach die title-Eigenschaft Ihres view Controllers.

self.title = "Моя заголовок"

3. Anpassen von Farbe und Hintergrund

Sie können auch die Farbe der Navigationsleiste und ihr Hintergrundbild anpassen. Dazu können Sie die folgenden Methoden verwenden:

navigationBar.tintColor = .white
navigationBar.barTintColor = .blue

4. Anpassen der Schaltflächen

Die Navigationsleiste enthält normalerweise Schaltflächen wie die Schaltfläche Zurück oder Hinzufügen. Sie können diese Schaltflächen je nach Bedarf hinzufügen und anpassen. Dazu können Sie die Methoden leftBarButtonItem und rightBarButtonItem verwenden.

let addButton = UIBarButtonItem(barButtonSystemItem: .add, target: self, action: #selector(addTapped))navigationItem.rightBarButtonItem = addButton

Im obigen Beispiel erstellen wir eine Schaltfläche "Hinzufügen" mit einem UIBarButtonItem und fügen Sie sie der rechten Seite der Navigationsleiste hinzu.

Mit diesen Schritten können Sie die Navigationsleiste in Ihrer Anwendung anpassen und eine Benutzeroberfläche erstellen, die zu Ihnen passt.