2017-07-27 4 views
0

Ich brauche Hilfe, um herauszufinden, wie das Layout einer Navigationsleiste in einer iOS-App repariert werden kann. Beim Hinzufügen von Navigation zu "untergeordneten" Ansichten eines bestimmten Bildschirms bestand mein bisheriger Ansatz darin, der Sammlung 'leftBarButtonItems' des UINavigation-Elements Schaltflächen hinzuzufügen. Solange die Anzahl der Tasten nicht 3 oder 4 übersteigt, funktioniert alles super.Zu viele Elemente für das Nav-Bar-Layout in iOS

Good Nav Bar

Leider habe ich jetzt einen Bildschirm, der zusätzliche Tasten erfordert. Alles schien in Ordnung zu bauen, aber wenn ich tatsächlich die Anwendung ausführen ich am Ende mit einem wirren Durcheinander wie folgt aus:

Bad Nav Bar

Gibt es einen besseren Weg, um eine Benutzeroberfläche mit nav und Symbolleisten-Schaltflächen wie dies Layout? Wenn die Schaltflächen in der Navigationsleiste richtig angeordnet sind, was muss ich tun, damit das Layout Fälle behandelt, in die der Inhalt nicht passt?

+1

Wenn Sie wirklich die Tasten benötigen, verstecken Sie besser den Titel der Zurück-Taste ('ALASKA VISION CLINIC ...'). [Siehe hierzu] (https://stackoverflow.com/questions/23853617/uinavigationbar-hide-back-button-text) – Ryan

+0

Ich stimme @Ryan zu und habe dies in der Vergangenheit getan. Man könnte aber auch versuchen, den Titelabschnitt zum Beispiel auf 'ALASKA (# 100081)' zu kürzen. –

Antwort

2

Ich würde nicht mit zusätzliche zusätzliche Tasten hinzufügen stören. Die Benutzer erwarten, dass sich die meisten Apps ähnlich verhalten. Dies ist zwar technisch möglich, aber ungewöhnlich.

Apple's HIG Zustände:

Vermeiden Sie eine Navigationsleiste mit zu vielen Kontrollen drängen. Im Allgemeinen sollte eine Navigationsleiste nicht mehr als den aktuellen Titel der Ansicht, eine Zurück-Schaltfläche und ein Steuerelement enthalten, das den Inhalt der Ansicht verwaltet.

Und, selbst wenn Sie Apples HIG ignorieren, wird dies sicherlich nicht gut für die Zugänglichkeit sein. Ihre Benutzer können (und werden) die Textgröße ändern mit Dynamischer Typ - so Ihre Behauptung, dass es in Ordnung ist, wenn die "Anzahl der Schaltflächen nicht 3 oder 4 überschreitet" wird von jemandem als falsch erwiesen.

Sie sollten lieber eine Symbolleiste hinzufügen oder eine andere Möglichkeit zum Bereitstellen dieser Funktionen finden.

+0

Ja, ich hatte nicht wirklich eine Symbolleiste in Betracht gezogen, aber das sieht nach dem Weg aus. Jetzt stellt sich die Frage, wie man die Buttons organisiert. Von den fünf Schaltflächen navigieren drei zu Unteransichten und gehören eindeutig in die Symbolleiste. Bei den anderen beiden bin ich mir nicht sicher. Einer ist ein "Löschen" -Button, um die aktuelle Bestellung abzubrechen. Der andere ist ein "Auschecken" -Button, um die Bestellung abzuschicken. Welche der beiden (wenn) in die Symbolleiste gehören und welche in der Navigationsleiste bleiben sollen? – pbuchheit

1

Die Navigationsleiste hat oft den Titel der vorherigen Ansicht auf der linken Seite. Die rechte Seite enthält ein Steuerelement wie Bearbeiten oder Fertig, um den Inhalt in der aktiven Ansicht zu verwalten.

Navigation bar Example

Apple-Dokumentation empfiehlt vermeiden mit zu vielen Kontrollen eine Navigationsleiste drängen.

Eine Navigationsleiste sollte nicht mehr als den aktuellen Titel der Ansicht, eine Zurück-Schaltfläche und ein Steuerelement enthalten, das den Inhalt der Ansicht verwaltet.

Für die Schaltfläche Zurück sollten Sie den Standard verwenden. Wie für das Textfeld sollte es genug Platz haben. Wenn Elemente in der Navigationsleiste überfüllt sind, sollten Sie die Trennung durch Einfügen eines festen Leerzeichens unter Verwendung des konstanten Werts UIBarButtonSystemItemFixedSpace in UIBarButtonItem vornehmen. Weitere Informationen finden Sie unter link.

Der Weg zu gehen, wenn Sie 3 oder mehr Elemente benötigen, ist entweder mithilfe der Navigationsleiste oder Symbolleisten. Sie können sowohl die Navigationsleiste als auch die Symbolleisten kombinieren. Weitere Informationen finden Sie in der Apple-Dokumentation zu Symbolleisten.

Verwandte Themen