Gut verteilt: So arbeiten Apple-Entwickler mit NavigationSplitView

Die Methode NavigationSplitView in Swift UI hilft, mit mehrspaltigen Layouts das Nutzererlebnis zu verbessern. Wir zeigen, wie das geht.

Artikel verschenken

(Bild: TopDigiPro – stock.adobe.com / Montage: Mac & i)

06.07.2023, 08:00 Uhr

Lesezeit: 15 Min.

Mac & i

Von

Stefan Mayer-Popp

Gut verteilt: So arbeiten Apple-Entwickler mit NavigationSplitView
- Wirkungsweise des NavigationSplitView
Einteilung in Bereiche
Mehr Sichtbarkeit
Suchen und drei Spalten
Dynamisches Umschalten
watchOS und ein Fazit

Artikel in Mac & i 4/2023 lesen

Seit iOS 16 ist NavigationSplitView und macOS 13 fester Bestandteil von Swift UI und ab tvOS 16 und watchOS 9 auf den Schwesterplattformen ebenfalls an Bord (siehe Kasten "NavigationSplitView unter watchOS"). Besonders auf dem iPad und Mac sind SplitViews ein sehr guter Kompromiss, um ein Layout mit modalen Elementen zu vermeiden. Somit kann der App-Entwickler unter anderem verhindern, dass der Nutzer einer App immer tiefer in ein verschachteltes UI eintauchen oder sich mit mehreren Fenstern rumschlagen muss.

• Die NavigationSplitView erleichtert das Gestalten von Layouts mit mehreren Spalten.

• Mehrspaltige Layouts können die User Experience vor allem auf dem Mac und dem iPad im Querformat maßgeblich verbessern.

• Auf Geräten mit wenig Platz, wie iPhone und Watch, wechseln Anzeige und Navigationsverhalten automatisch zu einer passenderen Navigationsform

Mit einem NavigationSplitView kann man speziell auf einem iPad im Landscape-Modus oder unter macOS Elemente vertikal anzeigen, um einen Bedienungsfluss zu erzeugen, der natürlich für den Benutzer wirkt, nämlich von links nach rechts oder im arabischen Raum von rechts nach links. Gerade auf dem iPad ist eine gute Navigation ein fundamentaler Baustein eines guten App-Designs und wird dennoch allzu oft außer Acht gelassen.

Wirkungsweise des NavigationSplitView

Die Mail App verwendet ein dreispaltiges Layout, das die Sidebar für die Übersicht der Postfächer nutzt, den Content View für die Liste der E-Mails und den Detail View für den Inhalt der gewählten E-Mail.

Um Verhalten und Nutzen des NavigationSplitView zu verdeutlichen, eignet sich das Beispiel eines E-Mail-Clients. Die meisten Entwickler wählen hierfür ein Layout mit mehreren vertikalen Spalten. Auf dem iPad hat eine solche Mail App dann üblicherweise drei Spalten, von denen in der Regel zwei sichtbar sind. Die linke Spalte listet die E-Mails und zeigt im Regelfall nach dem Start die Nachrichten im Posteingang an. Die rechte Spalte gibt den Inhalt einer in der linken Spalte selektierten E-Mail wieder.

Immer mehr Wissen. Das digitale Abo für IT und Technik.

Air,Conditioning,Technician,And,A,Part,Of,Preparing,To,Install

Wandel bei Wärmepumpen: Neue Kältemittel, ohne Kompressor und mit KI

Die Wärmepumpe ist die Heiztechnik der Zukunft. Ihre technische Entwicklung ist allerdings weiterhin nicht ausgereizt – insbesondere in Hinblick auf Effizienz.

PyTorch: Eigene Bildgenerierungs-KI mit Python bauen

Künstliche Intelligenz muss nicht kompliziert sein. Mit der PyTorch-Bibliothek bauen Sie Ihren eigenen KI-Bildgenerator in Python. Wir erklären, wie das geht.

Im Test: Smartes Heizkörperthermostat und Offset-Sensor mit Thread und Matter

Tados neues X-System funkt auf Wunsch ohne Herstellerbridge mit anderen Thread-Zentralen im Smart Home und speichert Heizpläne auch lokal.

Mini-PC-Barebone für AMD Ryzen 7000/8000G im Test

Der DeskMini X600 erlaubt es, einen kompakten Rechner mit aktuellen AM5-Prozessoren zu bauen. Weil Asrock den Chipsatz weglässt, sinkt der Energiebedarf enorm.

Ein Backsteingebäude vor dem Menschen in Anzügen gehen, der Hintergrund ist hellblau. Es handelt sich um die Darstellung einer Behörde

Informatiker im Öffentlichen Dienst: Aufgaben, Gehälter und Verbeamtung

Behörden müssen Dienste digitalisieren. Dafür suchen sie nach IT-Fachkräften. Wir zeigen, für wen sich die Karriere eignet – und wie viel Geld man verdient.

Softwareentwicklung: Einführung in die Sprache Julia und ihr Ökosystem

Data Scientists ohne viel Programmiererfahrung können mit der Programmiersprache Julia schnell leistungsfähige Software erstellen.

Immer mehr Wissen. Das digitale Abo für IT und Technik.

Wandel bei Wärmepumpen: Neue Kältemittel, ohne Kompressor und mit KI

Die Wärmepumpe ist die Heiztechnik der Zukunft. Ihre technische Entwicklung ist allerdings weiterhin nicht ausgereizt – insbesondere in Hinblick auf Effizienz.

PyTorch: Eigene Bildgenerierungs-KI mit Python bauen

Künstliche Intelligenz muss nicht kompliziert sein. Mit der PyTorch-Bibliothek bauen Sie Ihren eigenen KI-Bildgenerator in Python. Wir erklären, wie das geht.

Im Test: Smartes Heizkörperthermostat und Offset-Sensor mit Thread und Matter

Tados neues X-System funkt auf Wunsch ohne Herstellerbridge mit anderen Thread-Zentralen im Smart Home und speichert Heizpläne auch lokal.

Mini-PC-Barebone für AMD Ryzen 7000/8000G im Test

Der DeskMini X600 erlaubt es, einen kompakten Rechner mit aktuellen AM5-Prozessoren zu bauen. Weil Asrock den Chipsatz weglässt, sinkt der Energiebedarf enorm.

Informatiker im Öffentlichen Dienst: Aufgaben, Gehälter und Verbeamtung

Behörden müssen Dienste digitalisieren. Dafür suchen sie nach IT-Fachkräften. Wir zeigen, für wen sich die Karriere eignet – und wie viel Geld man verdient.

Softwareentwicklung: Einführung in die Sprache Julia und ihr Ökosystem

Data Scientists ohne viel Programmiererfahrung können mit der Programmiersprache Julia schnell leistungsfähige Software erstellen.

nach oben

Alle Angebote

Newsletter heise-Bot Push Push-Nachrichten

${intro} ${title}

${intro} ${title}

Gut verteilt: So arbeiten Apple-Entwickler mit NavigationSplitView

• Die NavigationSplitView erleichtert das Gestalten von Layouts mit mehreren Spalten.

• Mehrspaltige Layouts können die User Experience vor allem auf dem Mac und dem iPad im Querformat maßgeblich verbessern.

• Auf Geräten mit wenig Platz, wie iPhone und Watch, wechseln Anzeige und Navigationsverhalten automatisch zu einer passenderen Navigationsform

Wirkungsweise des NavigationSplitView

Die Mail App verwendet ein dreispaltiges Layout, das die Sidebar für die Übersicht der Postfächer nutzt, den Content View für die Liste der E-Mails und den Detail View für den Inhalt der gewählten E-Mail.

Immer mehr Wissen. Das digitale Abo für IT und Technik.

Wandel bei Wärmepumpen: Neue Kältemittel, ohne Kompressor und mit KI

PyTorch: Eigene Bildgenerierungs-KI mit Python bauen

Im Test: Smartes Heizkörperthermostat und Offset-Sensor mit Thread und Matter

Mini-PC-Barebone für AMD Ryzen 7000/8000G im Test

Informatiker im Öffentlichen Dienst: Aufgaben, Gehälter und Verbeamtung

Softwareentwicklung: Einführung in die Sprache Julia und ihr Ökosystem

Immer mehr Wissen. Das digitale Abo für IT und Technik.

Wandel bei Wärmepumpen: Neue Kältemittel, ohne Kompressor und mit KI

PyTorch: Eigene Bildgenerierungs-KI mit Python bauen

Im Test: Smartes Heizkörperthermostat und Offset-Sensor mit Thread und Matter

Mini-PC-Barebone für AMD Ryzen 7000/8000G im Test

Informatiker im Öffentlichen Dienst: Aufgaben, Gehälter und Verbeamtung

Softwareentwicklung: Einführung in die Sprache Julia und ihr Ökosystem

Spiele

1 Jahr nur 1,90 € pro Woche

Das digitale Abo für IT und Technik.