Control mac with apple watch5/12/2023 ![]() Consider using simple SF Symbols as indicators or design your own icons. Avoid complex shapes, and don't include negative space, text, or inner lines, because these details can make an icon muddy and indecipherable at very small sizes. Make sure custom indicator images are simple and clear. For developer guidance, see preferredIndicatorImage and setIndicatorImage(_:forPage:). If it enhances your app or game, you can provide a custom image to use as the default image for all indicators and you can also supply a different image for a specific page. For example, Weather uses the location.fill symbol to distinguish the current location's page. Customizing indicatorsīy default, a page control uses the system-provided dot image for all indicators, but it can also display a unique image to help people identify a specific page. If your app needs to display more than 10 pages as peers, consider using a different arrangement‚ such as a grid, that enables nonsequential navigation. More than about 10 dots are hard to count at a glance. To ensure people always know where to find a page control, center it horizontally and position it near the bottom of the screen.Īlthough page controls can handle any number of pages, don’t display too many. For more complex navigation, consider using a sidebar or split view instead.Ĭenter a page control at the bottom of the screen. Page controls don’t represent hierarchical or nonsequential page relationships. ![]() Use page controls to represent movement between an ordered list of pages. Visually, these dots are always equidistant, and are clipped if too many appear onscreen. Page controls appear as a series of small indicator dots by default, representing the available pages. Page controls can handle an arbitrary number of pages, making them particularly useful in situations where people can create custom lists. ![]() The scrolling row of indicators helps people navigate the list to find the page they want. A page control displays a row of indicator images, each of which represents a page in a flat list.
0 Comments
Leave a Reply. |