Mac & i 4/2023
S. 128
Developer’s Corner
SwiftUI: NavigationSplitView
Bild: TopDigiPro, stock.adobe.com; Montage: Mac & i

Gut verteilt

NavigationSplitView in Swift UI hilft, mit mehrspaltigen Layouts das Nutzererlebnis zu verbessern.

Unter den jüngeren großen und kleinen Ergänzungen in Swift UI erscheint die NavigationSplitView unscheinbar und nebensächlich. Ihr Potenzial zeigt die native Unterstützung für ein mehrspaltiges Layout vor allem in Apps, die Nutzer auch auf dem iPad oder dem Mac verwenden, denn dort kann sie die Navigation und die User Experience maßgeblich verbessern.

Von Stefan Mayer-Popp

Seit iOS 16 und macOS 13 ist NavigationSplitView 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 dem Mac sind SplitViews ein sehr guter Kompromiss, um ein Layout mit modalen Elementen zu vermeiden. So können die App-Entwickler unter anderem verhindern, dass Nutzer einer App immer tiefer in ein verschachteltes UI eintauchen oder sich mit mehreren Fenstern herumschlagen müssen. 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

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. Um weitere Postfächer oder Ordner zu erreichen, lässt sich über den Sidebar-Button oben links in der Navigationsleiste eine weitere Spalte einblenden, woraufhin sich eine Übersicht der Postfächer und Postfachordner öffnet. Sobald man dort ein anderes Postfach oder einen Ordner auswählt, schließt sich die Sidebar wieder und die linke Spalte listet die Mails nun auf Basis des neu gewählten Ordners.