iOS Table-view Elements
| Element | Name | Description |
|---|---|---|
![]() | Checkmark | Indicates that the row is selected |
![]() | Disclosure indicator | Displays another table associated with the row |
![]() | Detail Disclosure button | Displays additional details about the row in a new view (for information on how to use this element outside of a table, see Detail Disclosure Button) |
![]() | Row reorder | Indicates that the row can be dragged to another location in the table |
![]() | Row insert | Adds a new row to the table |
![]() | Delete button control | In an editing context, reveals and hides the Delete button for a row |
![]() | Delete button | Deletes the row |
Note: as with all system- provided buttons, avoid using the standard ones (described in the table below) to represent actions other than those for which they are assigned. In particular, avoid choosing a button based on its appearance, without regard for its documented meaning.
| Button | Name | Meaning |
|---|---|---|
![]() | Share | Open an action sheet that lists system-provided and app-specific services that act on the specified content |
![]() | Camera | Open an action sheet that displays a photo picker in camera mode |
![]() | Compose | Open a new message view in edit mode |
![]() | Bookmarks | Show app-specific bookmarks |
![]() | Search | Display a search field |
![]() | Add | Create a new item |
![]() | Trash | Delete current item |
![]() | Organize | Move or route an item to a destination within the app, such as a folder |
![]() | Reply | Send or route an item to another location |
![]() | Stop | Stop current process or task |
![]() | Refresh | Refresh contents (use only when necessary; otherwise, refresh automatically) |
![]() | Play | Begin media playback or slides |
![]() | FastForward | Fast forward through media playback or slides |
![]() | Pause | Pause media playback or slides (note that this implies context preservation) |
![]() | Rewind | Move backwards through media playback or slides |
Note: typically there is never more than one blue button in a bar, because the blue button represents the action the user is most likely to take in the current context. | ||
| Button | Name | Meaning |
|---|---|---|
![]() | Edit | Enter an editing or content-manipulation mode |
![]() | Cancel | Exit the editing or content-manipulation mode without saving changes |
![]() | Save | Save changes and, if appropriate, exit the editing or content-manipulation mode |
![]() | Done | Exit the current mode and save changes, if any |
![]() | Undo | Undo the most recent action |
![]() | Redo | Redo the most recent undone action |
Standard Icons for Use in Tab Bars
| Icon | Name | Meaning |
|---|---|---|
| Bookmarks | Show app-specific bookmarks | |
| Contacts | Show contacts | |
| Downloads | Show downloads | |
| Favorites | Show user-determined favorites | |
| Featured | Show content featured by the app | |
| History | Show history of user actions | |
| More | Show additional tab bar items | |
| MostRecent | Show the most recent item | |
| MostViewed | Show items most popular with all users | |
| Recents | Show the items accessed by the user within an app-defined period | |
| Search | Enter a search mode | |
| TopRated | Show the highest-rated items, as determined by the user |
Standard Buttons for Use in Table Rows and Other UI Elements
Standard Buttons for Use in Table Rows and Other UI Elements
iOS provides the buttons described in Table 7-5 for use in table rows and other elements.
| Button | Name | Meaning |
|---|---|---|
![]() | ContactAdd | Display a people picker to add a contact to an item. |
![]() | DetailDisclosure | Display a new view that contains details about the current item. |
![]() | Info | Flip to the back of the view to display configuration options or more information. Note that the Info button is also available as a light-colored āiā in a dark circle. |
Detail Disclosure Button
Detail Disclosure button is used to reveal extra details or additional functionality to an item. The additional details/functionality are revealed in a separate view.
Page Curl Button
Note: do not use the page curl button to flip the screen; if flipping the screen is a necessity, use the Info button instead.
If you are utilizing the page curl button, ensure that some of the curled-page is still visible onscreen to emphasis the temporary nature of the action of flipping the screen. If the upper page disappears, the page curl becomes too much like a full-screen transition, and users lose their context.
The system-provided page curl button can be used in a toolbar.
Note: the page curl button is not available for use in a navigation bar.
The page curl button allows you to give users a way to curl up the bottom corner of a screen to see information underneath. For example, Maps allows people to lift the lower-right corner of a map view to access buttons that manipulate the map.






























