People know that the standard back button lets them retrace their steps through a hierarchy of information. Target sizesĢ4x24 pt (72x72 px pt (84x84 px pt (48x48 px pt (56x56 px the standard back button. If you create a custom glyph for a navigation bar control, use the following sizes, adjusting as needed for balance. If you use a segmented control in the navigation bar, the bar shouldn’t include a title or any controls other than the segmented control. In general, a navigation bar should contain no more than the view’s current title, a back button, and one control that manages the view’s contents. Navigation Bar ControlsĪvoid crowding a navigation bar with too many controls. An exception to this is in a split view on iPad where you might want to maintain consistency between the primary and secondary views by using the borderless style in both. The borderless style may not work as well in standard-title navigation bars, though, because the bar’s title and buttons might be harder to distinguish. The borderless style works well in large-title navigation bars because it enhances the sense of connection between title and content.
In iOS 13 and later, you can hide the bottom border of a navigation bar by removing the bar’s shadow (the border automatically reappears when people scroll the content area). For developer guidance, see prefersLargeTitles.Ĭonsider hiding the border of a large-title navigation bar. Also, a large title transitions to a standard title as people begin scrolling the content. In iOS 13 and later, a large title navigation bar doesn’t include a background material or shadow by default. Phone uses this approach, while Music uses large titles to differentiate content areas like albums, artists, playlists, and radio. In a tabbed layout, for example, large titles can help clarify the active tab and indicate when people have scrolled to the top. Large titles should never compete with content, but in some apps, the big, bold text of a large title can help orient people as they browse and search. Use a large title when you want to provide extra emphasis on context. For example, Notes doesn’t title the current note because the first line of content supplies all the context needed. However, if titling a navigation bar seems redundant, you can leave the title empty.
In most cases, a title helps people understand what they’re looking at. Navigation Bar TitlesĬonsider showing the title of the current view in the navigation bar. If you implement this type of behavior, let people restore the navigation bar with a simple gesture, like a tap.įor developer guidance, see UINavigationBar. For example, Photos hides the navigation bar and other interface elements when people view full-screen photos. Consider temporarily hiding the navigation bar to provide a more immersive experience.
0 kommentar(er)
